2019-05-16link与@import的区别

本质上的差别

1、link属于xhtml的标签，而@import属于css提供的一种方式，所以link不具有兼容性的问题，而@import只能IE5以上才会兼容

2、link除了引入css文件后，还可以引入其他内容，但是@import只能引入css

3、在一个css文档中可以通过@import引入另外一个css文档，但是link不允许这样在一个css中引入另外一个css文档，但是这样的一个弊端就是对于服务器来说有多个css文件，所以增加了服务器加载的压力一般在大的服务器项目中不支持使用

4、加载的顺序不同，link引入的文件在页面加载的同时被加载，但是@import引入的文件需要等到页面加载完成才会被加载

5、使用dom控制样式时的差别，使用JavaScript控制dom改变像是样式时，只能用link，而@import不受dom的控制（不支持）