link和@import的区别

页面使用css样式方式有三种，分别是行内样式，内嵌调用，外部链接调用，外部链接调用有两种，分别是link和@import。不同的使用方式优先级也不同，行内样式>内联样式>外联样式>导入样式。

同样是外链调用，link和@import有什么区别呢？

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

2、link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。（这样会出现闪跳，白屏或混乱，类似与link放在网页头部生成DOM tree的时候，就可以同时对DOM tree进行渲染，放在底部会出现闪跳）

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

4、当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的