link与@import两者的区别？（2017-02-27）

①导入的语法不同

 Link(链接式)语法为：<link rel=”stylesheet” href=”style.css”type=”text/css”/>

Import(导入式)语法为：@importurl(“style.css”)

②语法结构不同

Link是html标签，只能放在html源代码中使用，除了可以加载css外，还可以比如定义 RSS ，定义 rel 连接属性等。

@Import看作为css的样式，只能加载css

③加载顺序不同

使用link方式，浏览器将css文件和HTML文件的主体部分一同加载。

使用@import方式，浏览器先加载整个HTML然后再加载css文件。

④控制DOM不同

当时用JavaScript控制DOM去改变样式的时候，只能使用link，因为@import眼里只有css，不是DOM可以控制的。

⑤兼容性问题

link是XHTML的标签，无兼容问题；@import是在css2.1提出的，低版本的浏览器不支持。

⑥link方式样式的权高于@import.