link和@import的区别

两者都是外部引用CSS的方式，它们的区别如下：

从属关系区别

@import是CSS提供的语法规则，只有导入样式表的作用，就是只能加载CSS；

link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS、rel连接属性、引入网站图标等。

link引用CSS时，在页面载入时同时加载；

@import需要页面网页完全载入以后加载。

@import 是CSS2.1 才有的语法，故只可在IE5+才能识别，低版本的浏览器不支持；

link 标签作为HTML 元素，不存在兼容性问题。

可以通过 Javascript 操作DOM ，插入link 标签来改变样式；

由于DOM 方法是基于文档的，无法使用@import 的方式插入样式。