CSS的导入方式：link与import方式的区别

在前端开发中，加载CSS样式文件有两种方式：link方式与import方式，它们之间的区别主要有以下几点：

1.兼容性不一样

link是一个HTML标签，所以它不存在兼容性问题，而import方式则具有兼容性问题，因为它是CSS2.1提出的，所以稍老一点的浏览器不支持，只在IE5以上才能识别，不过现在估计也没有再使用IE5版本以下的浏览器了，所以基本来讲都不具有兼容性问题。

2.权重不一样

link方式引入的样式的权重要高于import的样式的权重，这点要注意。

3.所属性质不一样

link属于XHTML标签，而import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，而import就只能加载CSS。

4.加载顺序不一样

link引用的CSS会在页面被加载的时候就加载，而import引用的CSS则会等到页面全部被加载完毕以后再进行加载。所以有时候浏览使用import加载CSS的页面时开始会出现没有样式的情形，尤其是在网速慢的时候。

5.使用DOM方法控制样式不一样

因为DOM方法是基于文档的，所以它可以操作link标签来控制样式，而控制不了import方式插入的样式。