css中link和import的差別是什麼

區別：1、link是HTML標籤，除了載入CSS外，還可定義RSS等其他事務；@import屬於CSS範疇，只能載入CSS。 2.link引用CSS時，在頁面載入時同時載入；@import需要頁面網頁完全載入以後載入。 3.link無兼容問題。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

頁面中使用CSS的方式主要有3種： 行內新增定義style屬性值，頁面頭部內嵌調用和外部連結調用，其中外面引用有兩種： link和@import。外部引用CSS兩種方式link和@import的方式分別是：

link代碼

<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />

@import代碼

<style type="text/css" media="screen">  
@import url("CSS文件");   
</style>

兩者都是外部引用CSS的方式，但存在一定的差異：

• 區別1：link是HTML標籤，除了載入CSS外，還可以定義RSS等其他事務；@import屬於CSS範疇，只能載入CSS。

• 區別2：link引用CSS時，在頁面載入時同時載入；@import需要頁面網頁完全載入以後載入。

• 區別3：link是HTML標籤，無相容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支援。
  

• 區別4：link支援使用Javascript控制DOM去改變樣式；而@import不支援。
  

推薦教學：CSS影片教學 

#

以上是css中link和import的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！