1. 程式人生 > >20181127——Css中的link與import的區別是什麼

20181127——Css中的link與import的區別是什麼

1、link語法結構

2、@import語法結構
@import + 空格+ url(CSS檔案路徑地址);

1)、在html中
<style type="text/css">
@import url(CSS檔案路徑地址);
</style>

2)、在css中
直接使用
@import url(CSS檔案路徑地址);

二、link與@import區別與選擇

首頁link和import語法結構不同,前者<link>是html標籤,只能放入html原始碼中使用,後者可看作為css樣式,作用是引入css樣式功能。import在html使用時候需要<style type="text/css">標籤,同時可以直接“@import url(CSS檔案路徑地址);”放如css檔案或css程式碼裡引入其它css檔案。

本質上兩者使用選擇區別不大,但為了軟體中編輯佈局網頁html程式碼,一般使用link較多,也推薦使用link。