📄 7-3-22.cfm.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>为多个网页使用Style Sheet</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<b><font FACE="宋体">
<p ALIGN="JUSTIFY">为多个网页使用Style Sheet</p>
</font></b><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">你可以将你的style
规则分别放置于几个文件中，并为多个文件指定相同的规则。这是style
sheet的一个强大功能，通过使用为多个网页设置的规则，你可以为你的网站提供一个一致的界面。</p>
<p ALIGN="JUSTIFY">你可以建立一个style sheet文件，里面除了style sheet规则以外什么也没有了。在此文件中，你不需要包含<STYLE>标识符或其它的任何HTML标识符。例如，下面的例子就是一个合法的style
sheet文件：</p>
<p ALIGN="JUSTIFY">H1 {color: green; font-family: Arial}</p>
<p ALIGN="JUSTIFY">P {font-family: Impact}</p>
<p ALIGN="JUSTIFY">.Title {background: gray; color: yellow; font: bold 14pt “Comic Sans
MS”}</p>
<p ALIGN="JUSTIFY">建立一个新文件，只包含上面的三条规则，你可以用任何一个名字将此文件保存。然而，你应当为此文件指定扩展名为.css，例如，你应当将文件保存为mystyle.css。</p>
<p ALIGN="JUSTIFY">要将你刚刚建立的这个文件中的规则作用于其它的HTML文件，你就需要在HTML文件的头部添加<LINK>标识符，就象下面的例子：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Any Old HTML File </TITLE></p>
<p ALIGN="JUSTIFY"><LINK TYPE=“text/css” HREF=“mystyle.css” REL=stylesheet
TITLE=“mystyle”></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><DIV CLASS=TITLE> I am the title of this document </DIV></p>
<p ALIGN="JUSTIFY"><H1> First Section </H1></p>
<p ALIGN="JUSTIFY"><P> I have the Impact typeface because of the linked style sheet.
</P></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">当这个HTML文件在浏览器上显示时，浏览器获取style
sheet规则并相应地将网页规格化（见图7.37）。</p>
<p ALIGN="JUSTIFY"><img SRC="Image80.gif" tppabs="http://210.74.168.175/guide/asp/part7/Image80.gif" WIDTH="591" HEIGHT="405"></p>
<b>
<p ALIGN="CENTER">图7.37 使用外部的style文件来控制网页的布局</p>
</b>
<p ALIGN="JUSTIFY"> </p>
<p ALIGN="JUSTIFY"><LINK>标识符具有四个属性，第一个属性TYPE指定了链接文件的MIME类型，Cascading
Style Sheet具有“text/css”的MIME类型。HREF属性指出了包含有规则的文件名。REL属性告诉浏览器链接的文件是一个style
sheet。最后，TITLE属性为style sheet提供一个标题，你可以为你的style
sheet提供任意一个标题。</p>
<p ALIGN="JUSTIFY"> </p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">Internet Explorer 3.0不能识别某些特定的style sheet属性，当它们被放置在不同的文件中时。例如，background属性就会被忽略。</p>
</font><font FACE="宋体" SIZE="5"><b>
<p ALIGN="JUSTIFY">小结</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">本章讲述了HTML中的一些最高级的标识符，你学会了怎样使用image
map，它可以用来让你的网站更易于操纵。还学习了怎样使用窗口和框架来同时显示多个HTML文件。最后，使用cascading
style sheet，你现在了解了怎样为你的网页甚至整个网站指定高级的规则。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -