link 和 @import的区别

一、link 和@import语法

<link href="style.css" rel="stylesheet">

<style type="text/css">
@import url(style.css);
</style>

三、link与@import区别

1、引入的内容不同

link：除了可以引入样式文件，还可以引入资源文件；

@import：只引用样式文件。

2、加载顺序不同

link：引入css时，在页面载入同时加载；

@import：需要页面完全载入以后才加载

3、兼容性不同

link：link是XHTML标签，无兼容问题；

@import：@import是css 2.1以后提出来的，提版本浏览器可能有兼容问题

4、对js的支持不同

link：支持使用javascript控制Dom去改变样式：

@import：不支持