加載css的兩種方式:<link>
@import
-
方式
<link rel="stylesheet" href="a.css" />
@import url("b.css"); - 對比解釋
- link屬于XHTML標簽帖鸦,而@import是CSS提供的;
link標簽除了可以加載CSS外,還可以做很多其它的事情,@import就只能加載CSS了蒲列。 - import只在IE5以上才能識別,而link是XHTML標簽桶略,無兼容問題;
- 頁面被加載的時想暗,link會同時被加載捕传,而@import引用的CSS會等到頁面被加載完再加載;
- 關(guān)于優(yōu)先級
- 設(shè)置樣式的方式:行內(nèi)樣式惠拭、內(nèi)聯(lián)樣式、外聯(lián)樣式、導(dǎo)入樣式
- 當@import與內(nèi)聯(lián)樣式
<style></style>
一起時职辅,內(nèi)聯(lián)樣式>導(dǎo)入樣式 - 除了上述情況棒呛,其它時候以樣式加載順序為參考,后加載的優(yōu)先級越高域携。(已經(jīng)測試過簇秒,也可以參照這里)
記住當測試時,必須對同一個元素使用同樣的選擇符進行測試秀鞭,否則會出現(xiàn)選擇符權(quán)重的干擾趋观。
- 使用import時需要注意的地方:該規(guī)則必須在樣式表頭部最先聲明。并且其后的分號是必需的锋边,如果省略了此分號皱坛,外部樣式表將無法正確導(dǎo)入,并會生成錯誤信息豆巨。