CSS：关于 link 和 @import 的区别

语法

link：

<link href="CSS路径" rel="stylesheet" type="text/css" />

@import：
在HTML中，

<style type="text/css">
	@import url(CSS文件路径);
</style>

在CSS中

@import url(CSS文件路径);

link 和 @import 的共同点

都是用于外部引入CSS的方式

link 和 @import 的区别

• link是在页面载入时同时加载；而@import是在页面完全加载完成后才加载
• link是XHTML标签，没有兼容性问题；而@import是CSS2提出的，低版本的浏览器可能不支持
• link除了加载CSS外，还可以加载其他事务，而@import只能加载CSS