与link类似,.@import用于指示WEB浏览器加载一个外部样式表,并在表现HTML文档时使用其样式。唯一的区别在于命令的具体语法和位置。@import出现在style容器中,它必须放在这里,也就是要放在其他CSS规则之前,否则根本起不了作用。
<style type="text/css">
@import url(styles.css);
h1 {color:gray;}
</style>
@import指令还可以是多个,也可以限制所导入的样式表应用于一种或多种媒体,可以在样式表的URL之后列表要应用此样式的媒体。
@import指令可以加载绝对路径的URL,也可以加载相对路径的URL。
@import url(http://example.org/library/sheet2.css) all;
@import url(blueworld.css) screen;
@import url(zany.css) projection,print;