link和@import的区别、及各自的应用

面试的过程中遇到的问题，当时自己回答的感觉自己心里还是很满意的，但是回来百度查看后才知道自己回答的有多么的糟糕：

下面我这这个知识点做一些总结的书面说明，为了少走点弯路，多涨点见识吧。

首先我们要了解一点，就是这俩额标签的用处和作用的对象，

1.link是引用css文件的，可以定义rel，res等，是html或者xhtml页面的引用标签，为了当前的页面服务；

@import是css内部的一种属性，只为了css服务

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

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

4、link支持使用JavaScript控制DOM去改变样式；而@import不支持。

5、@import可以定义css属性的优先级，只是css的一部分且此时具有兼容性问题（IE6不兼容）；优先级最高

如有大家还有不同的观点，希望批评指正，或者补充，共同进步交流学习