CSS中 link 和@import 的区别是？

[问答题]

Wordless

四个区别 1. 来源不同，HTML和CSS； 2. 兼容性不同，无和IE5以上； 3. 加载时机不同，同步加载和加载完页面后加载； 4. 权重不同，HTML高于@import。

发表于 2017-05-05 14:05:19 回复(0)

拯救世界的光太郎

1. link是html标签，因此没有兼容性问题；而@import来源于css，因此只能兼容ie5以上的版本。

2. link引入的css文件，会同步加载，而@import则是异步加载，会等页面面结构全部加载完成后再去加载引css入文件

3. link引入的css文件优先级高于@import引入的css文件

编辑于 2021-03-22 15:57:47 回复(0)

火柴哥

link是属于html的，而@import是属于css的link在页面加载时会同时进行加载，而@import只会在页面加载完成厚才加载link因为是属于html的标签所以没有兼容问题，而@import只适用于ES4及以上link的权重比import高

发表于 2020-05-14 15:43:42 回复(0)

名字被占用的Aimee

1.link是html标签，@import是css提供的 2.link可以在页面加载时并行加载，而后者等页面加载完再加载 3.link是html元素无兼容性问题，而后者ie5以上支持 4.link权重比后者高

编辑于 2020-03-10 11:29:15 回复(0)

提交观点

问题信息

上传者：牛妹

难度：

4条回答 430收藏 1172浏览

扫一扫，把题目装进口袋