两者都可以用与引入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