CSS文件引入link和@import 區別

一、(本質區別)link 屬於 HTML 標籤,而 @import 徹底是 css 提供的一種導入 css 文件的規則。javascript

二、文件加載時機有差異:css

當一個頁面被加載的時候,link 引用的 css 會被同時加載,而 @import 引用的 CSS 會等到頁面所有被加載完才被加載java

因此有時候瀏覽@import加載CSS的頁面時開始會沒有樣式(就是閃爍),網速慢的時候還挺明顯。dom

三、兼容性差異:ip

@import 只有在 IE5 以上才能被識別,而 link 沒有兼容性問題。import

四、當使用javascript控制dom去改變樣式的時候,只能使用link標籤,由於@import不是dom能夠控制的兼容性

相關文章
相關標籤/搜索