浅谈link与@import的区别
2020-11-27
来源：爱够旅游网
在css操作中，从外部引入 CSS 的方式有2种，link和@import。
下面是两种方式的 区别 以及 结论 ：
区别:
1.加载顺序
加载页面时，link 标签引入的
CSS 文件被同时加载； @import 引入的
CSS 文件将在页面加载完毕后被加载。
2.兼容性
link标签是
HTML 元素，不存在兼容性问题；@import 是
CSS2.1 才有的语法，因此只可在 IE5+ 才能识别。
3. link是标签，可以加载
CSS 文件，还可以定义 RSS、rel 连接属性等；@import 是语法规则，只能导入样式表。
4.是否可用DOM操作插入修改样式。
可以通过 JS 操作 DOM 来插入link标签来改变样式，而@import无法使用DOM方式插入样式。
结论：
强烈建议使用link标签，谨慎使用@import标签。
这样可以避免@import产生资源文件下载顺序混乱以及HTTP请求次数过多。
显示全文