为多个网页使用Style Sheet

你可以将你的style 规则分别放置于几个文件中，并为多个文件指定相同的规则。这是style sheet的一个强大功能，通过使用为多个网页设置的规则，你可以为你的网站提供一个一致的界面。

你可以建立一个style sheet文件，里面除了style sheet规则以外什么也没有了。在此文件中，你不需要包含<STYLE>标识符或其它的任何HTML标识符。例如，下面的例子就是一个合法的style sheet文件：

H1 {color: green; font-family: Arial}

P {font-family: Impact}

.Title {background: gray; color: yellow; font: bold 14pt “Comic Sans MS”}

建立一个新文件，只包含上面的三条规则，你可以用任何一个名字将此文件保存。然而，你应当为此文件指定扩展名为.css，例如，你应当将文件保存为mystyle.css。

要将你刚刚建立的这个文件中的规则作用于其它的HTML文件，你就需要在HTML文件的头部添加<LINK>标识符，就象下面的例子：

<HTML>

<HEAD>

<TITLE> Any Old HTML File </TITLE>

<LINK TYPE=“text/css” HREF=“mystyle.css” REL=stylesheet TITLE=“mystyle”>

</HEAD>

<BODY>

<DIV CLASS=TITLE> I am the title of this document </DIV>

<H1> First Section </H1>

<P> I have the Impact typeface because of the linked style sheet. </P>

</BODY>

</HTML>

当这个HTML文件在浏览器上显示时，浏览器获取style sheet规则并相应地将网页规格化（见图7.37）。

图7.37 使用外部的style文件来控制网页的布局

<LINK>标识符具有四个属性，第一个属性TYPE指定了链接文件的MIME类型，Cascading Style Sheet具有“text/css”的MIME类型。HREF属性指出了包含有规则的文件名。REL属性告诉浏览器链接的文件是一个style sheet。最后，TITLE属性为style sheet提供一个标题，你可以为你的style sheet提供任意一个标题。

注意

Internet Explorer 3.0不能识别某些特定的style sheet属性，当它们被放置在不同的文件中时。例如，background属性就会被忽略。

小结

本章讲述了HTML中的一些最高级的标识符，你学会了怎样使用image map，它可以用来让你的网站更易于操纵。还学习了怎样使用窗口和框架来同时显示多个HTML文件。最后，使用cascading style sheet，你现在了解了怎样为你的网页甚至整个网站指定高级的规则。