曝光臺 注意防騙
網(wǎng)曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費者
4.字族,不可忽略
如果這聽起來很復(fù)雜并且難以記住,那是因為本該如此。如不查閱,我肯定記不住這些屬性順序的準(zhǔn)確的細(xì)節(jié)。我寧愿一次
只使用一個屬性。這樣就產(chǎn)生了一個疑問,像這樣的簡略屬性是否真能節(jié)省時間。
清單12-13 使用font 簡略屬性,是帶有迄今介紹過的所有規(guī)則的大綱的樣式單。但是,由于font 屬性準(zhǔn)確地等同于其代表
的各屬性之和,所以顯示的文檔沒有任何變化。
清單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 屬性可將顏色賦給幾乎網(wǎng)頁上的任何元素。顏色屬性的值可以是16 個命名顏色關(guān)鍵字之一,或以十進(jìn)
制、十六進(jìn)制或百分?jǐn)?shù)表示的RGB 三基色。例如,下列規(guī)則指定網(wǎng)頁上的所有元素都以黑色顯示,只是SCENE_NUMBER 除外,
它是以藍(lán)色顯示的。
SYNOPSIS { color: black }
SCENE_NUMBER { color: blue }
color 屬性可被子屬性所繼承。所以,除SCENE_NUMBER 之外的大綱中的所有元素都將是黑色的。
下列規(guī)則與上面的兩個是等價的。在有可能時,我推薦盡可能使用命名顏色,當(dāng)做不到時,可使用瀏覽器安全色。
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 背景屬性
元素的背景可設(shè)置成一種顏色或一幅影像。如果設(shè)置為一幅影像,那么此影像可相對于元素內(nèi)容加以定位。可使用下列五個
基本屬性來達(dá)此目的:
1.background-color
2.background-image
3.background-repeat
4.background-attachment
5.background-position
最后,還有一個background 簡略屬性,它允許在一條規(guī)則中設(shè)置某些或所有的五個屬性。
如今在Web 上,人們過度地使用奇特的背景。除了非常明亮的背景以外的其他東西,只會使網(wǎng)頁難以閱讀,并令用戶生厭。
出于完整之目的,我在此列出了這些屬性,但是,我強(qiáng)烈推薦節(jié)制一點使用這些屬性(如果不能完全不用的話)。
任何一個背景屬性都不會被繼承。每個子元素必須指定所需的背景色。但是,由于背景的缺省值為透明的,所以看起來就好
像這些背景屬性被繼承了一樣。無論哪個元素的背景繪制于某元素下,它都會透過來。在大多數(shù)情況下,這就是父元素的背
景。
12.11.1 background-color 屬性
background-color 屬性可設(shè)置為與color 屬性一樣的值,但是,它并不改變元素內(nèi)容的顏色,而是改變元素內(nèi)容繪制其上
的背景的顏色。例如,要在藍(lán)色背景上繪制黃色文本的SIGN 元素,可使用如下的規(guī)則:
SIGN { color: yellow; background-color: blue }
也可以將background-color 設(shè)置為關(guān)鍵字transparent(缺省值),這表明背景使用位于其下的元素(通常為父元素)的顏色
或影像。
12.11.2 background-image 屬性
background-image 屬性既可以是none(缺省值),也可以是指明位圖圖像文件集團(tuán)的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 特性那樣在瀏覽器
窗格下方繪出。
如果背景影像與基本元素關(guān)聯(lián),早期的Mozilla 5.0 測試版把背景影像加到整個文檔窗格而不僅僅是元素本身上。但是,對
于所有的非基本元素,背景影像只施加于使用它的元素。CSS1 規(guī)范并沒有明確地表示這一點是否可以接受。
背景影像通常并不是和網(wǎng)頁內(nèi)容的大小精確一致。如果影像比元素框大,影像將會被剪切。如果影像比元素框小,那它就會
垂直和水平平鋪。圖12-11 顯示的背景影像,平鋪到足夠大以超過下面的內(nèi)容。注意,這種平鋪是在元素窗口中橫向穿過,
而不是在整個瀏覽器窗口上進(jìn)行。
圖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
中國航空網(wǎng) www.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址:
XML實用大全(108)