【建设企业站】
导入外部样式表
导入外部样式表是指当浏览器读取HTML文件时，复制一份样式表到这个HTML文件中即在内部样式表的<style>标签对中导入一个外部样式表文件。其格式为：
<style type=”text/css”>
<!一
@import url(’’外部样式表的文件名1.css’’)；
@import url(”外部样式表的文件名2.css”)；
其他样式表的声明
</style>
其中，“外部样式表的文件名”指出要导入的样式表文件，扩展名为.css。其方法与链入样式表文件的方法相似，但导入外部样式表文件的输入方式更有优势，实质上它相当于内部样式表。
注意，@import语句后的“；”号不能省略。所有的@import声明必须放在样式表的开始部分，在其他样式表声明的前面，其他CSS规则放在其后的<style>标签对中。如果在内部样式表中指定了规则，则其优先级高于导入的外部样式表中相同的规则。
【案例6-4】导入外部样式表制作制作商品促销页面。
【案例展示】本例文件6-4.html在浏览器中显示的效果如图6-5所示。
·96．
图6-5 导入外部样式表
【学习目标】掌握外部样式表的导入方法。
【知识要点】使用导入外部样式表技术快速排版。
代码如下：
<! doctype html>
<html>
<head>
<meta charset=”gb2312”>
<title>导入外部样式表</title>
<style type=”text/css”>
@import url(style/extstyle.css);
.bgcolor{ color: black; background: #ccc }
</style>
</head>
<body>
<h3 class=”bgcolor”>美亚手机限时促销<／h3>
产定义类，字体为黑色，背景为浅灰色+／
<!．，由内部样式表.bgcolor决定，背景显示为浅
灰色，而不是外部样式表中定义的蓝色一>
