@import url 导入CSS文件的好处

导入import at规则将吞入另外的样式表。比如，如果你需要把另外的样式表的样式添加到现有的，你可以这样做：

@import url(addonstyles.css);
这经常用来取代连接CSS到HTML中的<link>标签，本质上就是一个内部样式表的形式，看起来像这样：
<style type="text/css" media="all">@import url(monkey.css);</style>

这样做的好处是，一些老浏览器如Netscape 4.x不接受at规则，进而不连接样式表，从而，如果你有良好结构的标记，只剩下朴素功能的HTML（尽管没有样式）。

媒体类型
媒体media at规则将把内容应用到指定的媒体，比如打印。比如

@media print { body { font-size: 10pt; font-family: times new roman, times, serif; } #navigation { display: none; } }
媒体类型可以是：

all──每一个太阳下、上、周围、里面的所有媒体类型。
aural──语音合成器。
handheld──手持设备。
print──打印机。
projection──投影仪。
screen──电脑屏幕。
还可以使用braille（布莱叶点字）、embossed（压印）、tty（终端）和tv（电视）。

@import url("css/hide1a.css");

在下列浏览器中该方式CSS将不可显示:
Netscape 4.x
Win IE 3
Win IE 4 (not 4.72)
Mac IE 4.01
Mac IE 4.5
Konqueror 2.1.2
Win Amaya 5.1

@import url(css/hide1b.css);

在下列浏览器中该方式CSS将不可显示:
Netscape 4.x
Win IE 3
Win IE 4 (仅在与HTML目录相同时读取CSS) (不包括 4.72)

@import url(css/hide1b.css) screen;

在下列浏览器中该方式CSS将不可显示:
Netscape 4.x
Win IE 6 and below
url() 之外

@import "css/hide2.css";

在下列浏览器中该方式CSS将不可显示:
Netscape 4.x
Win IE 4 and lower
Mac IE 4.01
Konqueror 2.1.2

media=""
<link href="global.css" type="text/css" rel="stylesheet" media="all"/>
对Netscape 4.x隐藏规则。

@import url的弊端：

@import url导入CSS的方法看起来还行。实际长期测试中我们发现这种导入CSS的方法会影起“网页无法显示”的错误。所以建议大家还是需要使用<link>来调用CSS。