外部引用css时，link和@import两种区别

共同点：

　　link和@import都是可以用来引入css样式的方法。

不同点：

1.引用的方式不同

　　link(外部引用):<link rel="stylesheet" href="xxx.css"  type="text/css"   / >

　　@import(导入式):@import url(xxx.css);

2.放置的位置不同

　　link一般放在head标签中

　　@import必须放在<style  type="text/css">标签中

3.加载方式不同

　　link会和dom结构一同加载渲染

　　@import只能能dom结构加载完成以后才能渲染页面

4.当使用 Javascript 控制 DOM 去改变样式的时候，只能使用 link 方式，因为 @import 眼里只有 CSS ，不是 DOM 可以控制的；

5.兼容性不同

　　link是在xhtml的标签，兼容IE各个版本

　　@import是css2.1时提出来的，只能在IE6以上进行解析。

6.加载内容不同

　　link可以加载除了css文件外，还可以加载MIME类型的文件。具体内容参见：点击打开链接

　　@import只能加载css文件