共同点:
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文件