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

  引用方式示例：

 

                <style type="text/css" media="screen">
                @import url("http://www.taobao.com/home/css/global/v2.0.css?t=20070518.css");
                </style>

                   <link rel="stylesheet" rev="stylesheet" href="default.css" type="text/css" media="all" />

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文件

原文自http://blog.csdn.net/u013243347/article/details/52642130

为方便修正更改，顾引用此文