建设企业站

导入外部样式表 导入外部样式表是指当浏览器读取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决定,背景显示为浅 灰色,而不是外部样式表中定义的蓝色一>