在实际开发中用到的都是link，基本没有接触过@import，偶然看到说link与 @import的区别，便记录下来。

页面中使用CSS的方式主要有3种：

1.行内添加定义style属性

2.页面头部内嵌调用

3.页面头部内嵌调用（link）

4.页面头部内嵌调用（@import）

link和@import都是外部引用CSS样式，但存在一定差别：

1.link是xhtml标签，除了加载CSS外，还可以定义RSS等其他事务；@import只能加载CSS

2.link引用CSS时，在页面载入同时加载；@import需页面加载完成后载入

3.link无兼容性问题；@import实在CSS2.1提出的，低版本浏览器不支持

4.link支持使用JS控制DOM改变样式；@import不支持

 

@import写法

其中@import url(style.css)和import url("style.css")是最优选择，兼容浏览器最多。

从字节优化角度看@import url(style.css)最值得推荐