笔记前端需要了解的css中 link 和@import 的区别

原创于 2020-05-21 20:54:53 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

3 篇文章

订阅专栏

本文详细解析了HTML中link标签与CSS中@import在样式加载时机、浏览器兼容性及权重上的区别。link会与页面同时加载，@import则在页面加载完毕后加载；link在所有浏览器中都能正常工作，@import则从IE5开始支持；此外，link引入的样式拥有更高的权重。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    link属于HTML标签，而@import是CSS提供的;
页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;
import只在IE5以上才能识别，而link是HTML标签，无兼容问题;
link方式的样式的权重 高于@import的权重。