CSS文件引入link和@import 区别

1、(本质区别)link 属于 HTML 标签,而 @import 完全是 css 提供的一种导入 css 文件的规则。

2、文件加载时机有差别:

当一个页面被加载的时候,link 引用的 css 会被同时加载,而 @import 引用的 CSS 会等到页面全部被加载完才被加载

所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。

3、兼容性差别:

@import 只有在 IE5 以上才能被识别,而 link 没有兼容性问题。

4、当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的

posted @ 2019-08-31 00:01  zjl_712  阅读(400)  评论(0编辑  收藏  举报