CSS 中 link 和@import 的区别是：

原创已于 2022-10-11 23:31:46 修改 · 260 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #前端

于 2022-01-13 21:48:15 首次发布

Html/Css 专栏收录该内容

19 篇文章

订阅专栏

本文对比了HTML中的Link标签与CSS中的@import在样式加载时机、浏览器兼容性和权重方面的不同。Link标签会在页面加载时一并加载样式，而@import则在页面加载完毕后加载；Link不存在浏览器兼容性问题，@import则在IE5以上版本才被支持；Link引入样式的权重大于@import。

Link 属于 html 标签，
@import 是 CSS 中提供的

（1）在页面加载的时候，link会同时被加载，而@import引用的CSS 会在页面加载完成后才会加载引用的 
（2）CSS@import只有在ie5以上才可以被识别，而link是html标签，不存在浏览器兼容性问题
（3）Link引入样式的权重大于@import的引用（@import是将引用的样式导入到当前的页面中）

关注博主即可阅读全文