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

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

• 方式

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

• 對比解釋

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

• 當@import與內聯樣式<style></style>一起時，內聯樣式>匯入樣式

• 除了上述情況，其它時候以樣式載入順序為參考，後載入的優先順序越高。（已經測試過，也可以參照這裡）
  記住當測試時，必須對同一個元素使用同樣的選擇符進行測試，否則會出現選擇符權重的幹擾。

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

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

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

• 關於優先順序

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

【相關推薦】

1. 免費css線上視頻教程

2. css線上手冊

3. php.cn獨孤九賤（2）－css視頻教程