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

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

---

不同点：

1.引用的方式不同
　　link(外部引用):
　　@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文件