?? 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 + -