link和@import导入css文件的区别

（二者的区别其实是基础问题，但由于本人经常会忽略掉使用@import导入css文件这种方式，所以记录下来增加印象^^）

首先二者的引入方式：

link:<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />  

@import:<style type="text/css">

　　　　　　　@import url("css文件");

　　　　　</style>

使用区别：

　　1.link是XHTML标签，除了可以加载CSS文件以外还可以定义RSS；@import只适用于加载CSS文件。

　　2.link没有兼容性问题；@import是css2提出的，低版本的浏览器不支持。

　　3.link方式是在加载网页的同时会加载css样式，@import则是在网页完全载入之后才进行载入。

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

转载于:https://www.cnblogs.com/leibeiwang/p/6180525.html