link 和 import 的区别

       对于如何使用css的样式，主要有三种： 内联 ，外联，内嵌（也可称为行内）。其中外联样式的引入有两种：link 和 @import 。在许多面试的地方也会问到两者的区别，到底有什么不同的，我大概整理了一下：

1.先来看一下两者引入的方式：

   （1）.HTML代码 ：

    （2）.@import:

2.区别：

    （1）.从属关系的区别：

            link是html的标签，除了加载css文件，还可以定义RSS ，rel连接属性等 ； @import 是css提供的语法规则，只能加载css样式，只有导入样式表的作用。

    （2）加载顺序的区别：

            link引入css时，在页面载入时同时加载；@import引入的css将在页面加载完毕后被加载。

    （3）兼容性的区别：

            link是html标签，无兼容性的问题 ; @import是在css2.1里提出的，低版本浏览器不兼容，   在 IE5+才能识别。

（4）DOM可控性区别：

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

（5）.权重区别(该项有争议，可以自己查找一下)

            link引入的样式权重大于@import引入的样式。

ps:本人建议使用link标签，慎用@import方式。这样可以避免考虑@import的语法规则和注意事项， 避免产生资源文件下载顺序混乱和http请求过多的烦恼。

刚刚学习，才疏学浅，望各位大神提出宝贵已经。。。。