link與 import的區別

2022-03-09 17:48:31 字數 353 閱讀 4203

兩者都是外部引入css的方式,那麼二者有什麼區別呢?

1.link標籤作為html元素,不存在相容性問題,而@import是css2.1才有的語法,故老版本瀏覽器(ie5之前)不能識別;

2.@import是css提供的語法規則,只有匯入樣式表的作用;link是html提供的標籤,不僅可以載入css檔案,還可以定義rss,rel連線屬性等;

3.載入頁面時,link引入的css被同時載入,@import引入的css將在頁面載入完畢後載入;

4.可以通過js操作dom,來插入link標籤改變樣式;由於dom方法是基於文件的,無法使用@import方式插入樣式;

建議使用link的方式引入css

原文:

link引入樣式與import的區別

link是xhtml的標籤,除了能夠鏈入樣式外,還可以定義rss等事務,import是css2.1定義的,只能用來載入css。link鏈入樣式的時候是頁面載入的同時開始載入,而import必須在頁面載入完成後開始載入。link沒有相容問題,import屬於css2.1,低版本瀏覽器不相容 ie5 以...

link和 import的區別

在html中有4種方式引入css 1.內聯方式 div 2.嵌入方式 content style 3.link鏈結 4.import匯入 import url style.css style link和 import兩種都是外部引用css的方式,然而這兩者也存在一定差別 1 link屬於xhtml標...

link和import的區別

1,本質區別 link是html的乙個標籤,除了匯入css檔案外,還可以定義其他事物,而import是css的法則,只供給css載入檔案 2,dom dom可以控制文件中的所有元素,可以插入link修改樣式,不可以操作import 3,權重優先順序 link的修改樣式的優先順序高於import 4,...