css引入link与@import的区别

link与@import的区别## 标题

**一、区别 **

1、适用范围
link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

2、加载顺序不同
link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

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

4、js支持
ink支持使用Javascript控制DOM去改变样式；而@import不支持。

**二、例子 **

<link rel="stylesheet" href="./example.css" type="text/css" >

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