CSS文件引入link和@import 区别

Posted 2022-09-12 zjl-712

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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可以控制的

以上是关于CSS文件引入link和@import 区别的主要内容，如果未能解决你的问题，请参考以下文章