總結載入css中link與@import的幾點區別

載入css的兩種方式：<link> @import

• 方式

• ##

     <link rel="stylesheet" href="a.css" />
      @import url("b.css");

• 比較解釋

• #設定樣式的方式：行內樣式、內聯樣式、外接樣式、匯入樣式
  

  當@import與內嵌樣式
• 一起時，內嵌樣式>匯入樣式

  
  #除了上述情況，其它時候以樣式載入順序為參考，後面載入的

  優先權
越高。 （已經測試過，也可以參考這裡）
• 記住當測試時，必須對同一個元素使用相同的選擇符進行測試，否則會出現選擇符權重的干擾。

• link屬於X

  HTML標籤，而@import是CSS提供的;link標籤除了可以載入CSS外，還可以做很多其它的事情， @import就只能載入CSS了。

• import只有在IE5以上才能識別，而link是XHTML標籤，無相容問題;

• 頁面被載入的時，link會同時被加載，而@import引用的CSS會等到頁面被加載完再加載;

關於優先級

使用import時需要注意的地方：此規則必須在樣式表頭部最先聲明。且其後的分號是必需的，如果省略了此分號，外部樣式表將無法正確匯入，並會產生

錯誤訊息

。

【相關推薦】1. 

免費css線上影片教學

######2. ###css線上手冊# ########3. ###php.cn獨孤九賤（2）－css影片教學#########

以上是總結載入css中link與@import的幾點區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！