【建设企业站】导入外部样式表制作制作商品促销页面 -网络营销推广_网站建设设计

【建设企业站】导入外部样式表制作制作商品促销页面

发表日期：2018-11-14 06:43:30

【建设企业站】

导入外部样式表

导入外部样式表是指当浏览器读取HTML文件时，复制一份样式表到这个HTML文件中即在内部样式表的<style>标签对中导入一个外部样式表文件。其格式为：

<!一

@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>

<title>导入外部样式表</title>

@import url(style/extstyle.css);

.bgcolor{ color: black; background: #ccc }

</style>

</head>

<body>

<h3 class=”bgcolor”>美亚手机限时促销<／h3>

产定义类，字体为黑色，背景为浅灰色+／

<!．，由内部样式表.bgcolor决定，背景显示为浅

灰色，而不是外部样式表中定义的蓝色一>

400-611-0508

全方位的营销咨询
精准的解决方案
一对一贴心服务