@import和link的区别

一、功能区别

@import 是css提供的一种加载样式的方式，只能用于加载css。

link标签除加载css外还可以做很多其他的。例如定义rel的连接属性

二、加载顺序的区别

当一个页面被加载的时候，link引用的CSS会同时被加载，@import引用的CSS会等到页面全部被下载后再被加载。所以有时候浏览@import加载的CSS页面开始时会没有样式（就是闪烁），网速慢的话会比较明显

三、使用dom控制样式的差别

当使用javascript控制dom去改变样式的时候，只能用link标签，因为dom操作元素样式时，用@import方式的样式也许还未加载完成

使用@import 方式会增HTTP请求，会影响加载速度，所以谨慎使用该方法