为多个网页使用Style Sheet

发表于:2007-06-30来源:作者:点击数: 标签:
为多个网页使用Style Sheet 你可以将你的style 规则分别放置于几个文件中,并为多个文件指定相同的规则。这是style sheet的一个强大功能,通过使用为多个网页设置的规则,你可以为你的网站提供一个一致的界面。 你可以建立一个style sheet文件,里面除了styl

为多个网页使用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提供任意一个标题。

 

注意

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

小结

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

原文转自:http://www.ltesting.net