html @import与＜link＞的区别

最新推荐文章于 2022-10-23 17:33:00 发布

Novice-XiaoSong

最新推荐文章于 2022-10-23 17:33:00 发布

阅读量373

点赞数

分类专栏： html 文章标签： html css文件引入

本文链接：https://blog.csdn.net/SJ1551/article/details/109387733

版权

两者都可以用与引入CSS文件，但两者有着一下几种区别

来源
<link> 是 XHTML 的标签，除了可以引用CSS文件外，还可以做其他事情。例如引入RSS、定义rel连接属性等。
@import 是CSS提供的一种引入CSS文件的方式，只能用于引入CSS文件。
兼容性
<link> 一般无兼容性问题
@import 是CSS2.1提出的，所以老版本的浏览器可能不支持
加载顺序
<link> 在浏览器加载到 <link> 标签时，会并发地下载所需资源，与浏览器的解析渲染同时进行。
@import 会等到页面其他内容加载完毕后才会开始下载所需资源。所以偶尔会看到一些使用 @import 的页面出现闪烁
使用DOM动态控制样式
<link> 可以方便地使用Javascript动态控制DOM并引入新CSS文件来控制页面样式
@import 不是DOM可以控制的
使用方法不同
<link> 常位于头部 <head> 中
@imp

关注

专栏目录