頁面使用css的方式主要有3種:
標簽行內(nèi)引用(內(nèi)聯(lián)樣式)
內(nèi)部樣式表
外部樣式表隧魄,其中外部樣式引用有l(wèi)ink和import兩種
link和import都可以對css樣式進行外部引用,但它們還是有區(qū)別的帜乞。
link和@import區(qū)別
1.從屬關(guān)系區(qū)別
@import是 CSS 提供的語法規(guī)則,只有導(dǎo)入樣式表的作用;link是HTML提供的標簽,不僅可以加載 CSS 文件菇存,還可以定義 RSS、rel 連接屬性等邦蜜。
2.加載順序區(qū)別
加載頁面時撰筷,link標簽引入的 CSS 被同時加載;@import引入的 CSS 將在頁面加載完畢后被加載畦徘。
3.兼容性區(qū)別
@import是 CSS2.1 才有的語法,故只可在 IE5+ 才能識別抬闯;link標簽作為 HTML 元素井辆,不存在兼容性問題。
4.DOM可控性區(qū)別
可以通過 JS 操作 DOM 溶握,插入link標簽來改變樣式杯缺;由于 DOM 方法是基于文檔的,無法使用@import的方式插入樣式睡榆。