CSS引入樣式：link標簽和@import的區別

CSS文件的引入方式有兩種：

1、 HTML中使用link標簽

<link rel="stylesheet" href="style.css" />

2、CSS中@import

@import "style.css";
@import url("style.css");
/* 兩種方式無差別 */

1、從屬關系區別

@import是 CSS 提供的語法規則 只有導入樣式表的作用 link是HTML提供的標簽 不僅可以加載 CSS 文件 還可以定義 RSS rel 連接屬性等

2、加載順序區別

加載頁面時 link標簽引入的CSS被同時加載 @import引入的CSS將在頁面加載完畢後被加載

3、兼容性區別

@import是 CSS2.1 才有的語法 故只可在 IE5+ 才能識別 link標簽作為 HTML 元素，不存在兼容性問題

4、DOM可控性區別

可以通過JS操作DOM 插入link標簽來改變樣式 由於DOM方法是基於文檔的 無法使用@import的方式插入樣式