【哪个网站制作好】
链入外部样式表
1.链入外部样式表的格式 ‘
链入外部样式表就是当浏览器读取到HTML文档的样式表链接标签时,向所链接的外部样式表文件索取样式。方法是:先将样式表保存为一个样式表文件(.css),然后在网页中用<link>标签链接这个样式表文件。这个<link>标签必须放到页面的<head>- - -</head>标签对内。其格式为:
<head>
<link rel=’’stylesheet" href=”外部样式表文件名.css”type=”text/css’’>
<,head>
其中,<link>标签表示浏览器从“外部样式表文件.css”文件中以文档格式读出定义的样式表。rel=”stylesheet”属性定义在网页中使用外部的样式表,type=”text/css”属性定义文件的类型为样式表文件,href属性定义.css文件的URL。
2.样式表文件的格式
样式表文件可以用任何文本编辑器(如记事本)打开并编辑,一般样式表文件的扩展名·94·为.css。样式表文件的内容是定义的样式表,
选择符1{属性:属性值;属性:属性值…}
选择符2{属性:属性值;属性:属性值…l
不包含HTML标签。样式表文件的格式为:
/★注释内容*/
选择符朋{属性:属性值;属性:属性值…}
一个外部样式表文件可以应用于多个页面。当改变这个样式表文件时,所有页面的样式都会随之改变。在设计者制作大量相同样式页面的网站时,这非常有用,不仅减少了重复的工作量,而且有利于以后的编辑。另外,浏览时也减少了重复下载的代码,加快了显示网页的速度。
【案例6-3l链入外部样式表制作商品促销页面。
【案例展示】在一个HTML文档中链入外部样式表文件,至少需要两个文件,一个是HTML文件,另一个是CSS文件style.css。本例文件6-3.html的显示效果如图6-4所示。
【学习目标】掌握外部样式表的定义与链入方法。