| Posted: 2004/11月/16 1:19下午 | IP記錄
|
|
|
為多個網頁使用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文件。最後，使用cascadin g style sheet，你現在瞭解了怎樣為你的網頁甚至整個網站指定高級的規則。
|
標題 
名單 
搜索 
Help
注冊 
登入
DoReMe : ASP教學區
話題: 第七章 高級HTML
