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能够控制的兼容性

相关文章
相关标签/搜索