调用css时，用link 和 @import url 有什么区别

Question

@import url(fonts/clear-sans.css);

就是今天在仿写一个例子时，看见有人这样写，不知道这样写的优缺点，大神指点一下呗？

Answer 1

1、link是HTML标签浏览器全兼容，@import为css提供的接口方法，部分浏览器可能不兼容
2、link与页面栽入同时进行，@import则需要等到页面加载完成执行
3、link优先级（或者说权重）比@import高，也就是说相同的样式link里的会覆盖掉@import
4、link除了引用css样式文件，还能改变rel引入其他文件，比如rel="shortcut icon"后可引入icon图