曝光臺 注意防騙 網曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費者

4．字族，不可忽略
如果這聽起來很復雜并且難以記住，那是因為本該如此。如不查閱，我肯定記不住這些屬性順序的準確的細節。我寧愿一次
只使用一個屬性。這樣就產生了一個疑問，像這樣的簡略屬性是否真能節省時間。
清單12-13 使用font 簡略屬性，是帶有迄今介紹過的所有規則的大綱的樣式單。但是，由于font 屬性準確地等同于其代表
的各屬性之和，所以顯示的文檔沒有任何變化。
清單12-13：使用font 簡略屬性的劇本大綱樣式單
XML 實用大全
第 378 頁
SYNOPSIS, TITLE, ACT, SCENE { display: block }
SCENENUMBER { font: italic smaller serif }
TITLE { font: bold x-large Helvetica, sans serif }
SYNOPSIS { font: 14pt Times, "Times New Roman", serif }
ACTNUMBER { font-variant: small-caps }
ACTNUMBER:first-letter { font-variant: normal }
ACTNUMBER { font-weight: bold }
XML 實用大全
第 379 頁
12.10 顏色屬性
CSS 允許使用color 屬性可將顏色賦給幾乎網頁上的任何元素。顏色屬性的值可以是16 個命名顏色關鍵字之一，或以十進
制、十六進制或百分數表示的RGB 三基色。例如，下列規則指定網頁上的所有元素都以黑色顯示，只是SCENE_NUMBER 除外，
它是以藍色顯示的。
SYNOPSIS { color: black }
SCENE_NUMBER { color: blue }
color 屬性可被子屬性所繼承。所以，除SCENE_NUMBER 之外的大綱中的所有元素都將是黑色的。
下列規則與上面的兩個是等價的。在有可能時，我推薦盡可能使用命名顏色，當做不到時，可使用瀏覽器安全色。
SYNOPSIS { color: #000000 }
SCENE_NUMBER { color: #0000FF }
SYNOPSIS { color: rgb(0, 0, 0) }
SCENE_NUMBER { color: rgb(0, 0, 255) }
SYNOPSIS { color: rgb(0%, 0%, 0%) }
SCENE_NUMBER { color: rgb(0%, 0%, 100%) }
XML 實用大全
第 380 頁
12.11 背景屬性
元素的背景可設置成一種顏色或一幅影像。如果設置為一幅影像，那么此影像可相對于元素內容加以定位。可使用下列五個
基本屬性來達此目的：
1．background-color
2．background-image
3．background-repeat
4．background-attachment
5．background-position
最后，還有一個background 簡略屬性，它允許在一條規則中設置某些或所有的五個屬性。
如今在Web 上，人們過度地使用奇特的背景。除了非常明亮的背景以外的其他東西，只會使網頁難以閱讀，并令用戶生厭。
出于完整之目的，我在此列出了這些屬性，但是，我強烈推薦節制一點使用這些屬性(如果不能完全不用的話)。
任何一個背景屬性都不會被繼承。每個子元素必須指定所需的背景色。但是，由于背景的缺省值為透明的，所以看起來就好
像這些背景屬性被繼承了一樣。無論哪個元素的背景繪制于某元素下，它都會透過來。在大多數情況下，這就是父元素的背
景。
12.11.1 background-color 屬性
background-color 屬性可設置為與color 屬性一樣的值，但是，它并不改變元素內容的顏色，而是改變元素內容繪制其上
的背景的顏色。例如，要在藍色背景上繪制黃色文本的SIGN 元素，可使用如下的規則：
SIGN { color: yellow; background-color: blue }
也可以將background-color 設置為關鍵字transparent(缺省值)，這表明背景使用位于其下的元素(通常為父元素)的顏色
或影像。
12.11.2 background-image 屬性
background-image 屬性既可以是none(缺省值)，也可以是指明位圖圖像文件集團的URL(通常是相對值)。如果為URL，則瀏
覽器將加載影像，并把它作為背景使用，這一點極像HTML 中BODY 元素的BACKGROUND 特性。例如，下面顯示的是如何將文
件party.gif(如圖12-10 所示)作為INVITATION 元素的背景。
INVITATION { background-image: url(party.gif) }
XML 實用大全
第 381 頁
圖12-10 清單12-14 中舞會請諫背景使用的未平鋪且未加裁剪的原始背景影像
由background-image 屬性引用的影像在指定的元素下方繪出，而不是像HTML 的BODY 元素的BACKGROUND 特性那樣在瀏覽器
窗格下方繪出。
如果背景影像與基本元素關聯，早期的Mozilla 5.0 測試版把背景影像加到整個文檔窗格而不僅僅是元素本身上。但是，對
于所有的非基本元素，背景影像只施加于使用它的元素。CSS1 規范并沒有明確地表示這一點是否可以接受。
背景影像通常并不是和網頁內容的大小精確一致。如果影像比元素框大，影像將會被剪切。如果影像比元素框小，那它就會
垂直和水平平鋪。圖12-11 顯示的背景影像，平鋪到足夠大以超過下面的內容。注意，這種平鋪是在元素窗口中橫向穿過，
而不是在整個瀏覽器窗口上進行。
圖12-11 平鋪的背景影像
清單12-14：以XML 格式表示的舞會請諫
<?xml version=”1.0”?>
<?xml stylesheet type=”text/css” href=”party.css”?>
<INVITATION>
You’re invited to a party on December 31, 1999 to celebrate the
new millennium! You’re invited to a party on December 31, 1999
XML 實用大全
第 382 頁
to celebrate the new millennium! You’re invited to a party on
December 31, 1999 to celebrate the new millennium! You’re
invited to a party on December 31, 1999 to celebrate the new
millennium! You’re invited to a party on December 31, 1999 to
celebrate the new millennium! You’re invited to a party on
December 31, 1999 to celebrate the new millennium! You’re
invited to a party on December 31, 1999 to celebrate the new
millennium! You’re invited to a party on December 31, 1999 to
　
中國航空網 www.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址：XML實用大全(108)