link 和 @import 异同

1、定义不同 用法不同

 

@import 是 CSS 提供的愈发规则，只能 用于倒入样式表

link 是 HTML 提供的标签，可以 加载 CSS ，可以定义 RSS ，rel 链接属性

 

2、加载顺序不同

加载页面的时候，link 同时加载，

@import 在页面加载完毕后加载

 

3、兼容性

 

@import 是 CSS2.1 的语法，

link 是 HTML 元素， 不存在兼容性问题

 

4、DOM 可控性

 

link 可以使用 js 动态插入

@import 不可以

 

听说两者代表的权重不一样，但是没有测试，有待考察

推荐使用 link 的方式