曝光臺 注意防騙
網曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費者
有些則是REFRAIN 元素的直系子代。后代選擇符是由一個空格分開的兩個或更多個元素標志符組成的。SONNET VERSE 形式
的后代選擇符匹配VERSE 元素,后者是SONNET 元素的任意后代。為了指定后代的特定層次,需要使用SONNET*VERSE 形式,
它強制VERSE 元素至少應為孫代,或為SONNET 元素更低的后代。
要指定直系子代元素,可使用STANZA>VERSE 的形式。這種形式把規則只應用于成為STANZA 元素直系子代的VERSE 元素,所
以不影響REFRAIN 元素的任何VERSE 子代。
可以把后代和子代選擇符結合起來,以查找特定的元素。例如,下列選擇符查找屬于REFRAIN 元素第一個子代的所有VERSE
元素,而REFRAIN 元素又是SONNET 元素的后代。
SONNET REFRAIN>VERSE:first { padding: “2cm” }
將上述規則應用于清單13-1,則此規則選擇詩句“Let them say more that like of hearsay well,”。
13.2.4 直系同屬選擇符
直系同屬選擇符在元素指示符之間使用加號(+)來識別與其后的另一元素處于同一層次的元素。例如,下面的代碼選擇與
STANZA 元素共享一個父元素并緊接在STANZA 元素之后的所有REFRAIN 元素。
STANZA+REFRAIN { color: red }
13.2.5 特性選擇符
特性選擇符標識特定的元素/特性的組合。把要匹配的特性名用方括號括起來放在元素名之后。例如,下面的規則將帶有
NUMBER 特性的所有STANZA 元素都變成紅色:
STANZA[NUMBER] { color:red }
此規則將具有NUMBER 特性的所有STANZA 元素都變成紅色,而不管特性值是什么。它包括由DTD 提供的具有缺省NUMBER 特
性的元素,但不包括沒有NUMBER 特性的STANZA 元素。
要測試特性值,可使用設置特性值的相同句法;也就是說,等于號放在名稱后面,值放在等于號后面,并放在引號中。例如,
僅指定其NUMBER 特性值為3 的STANZA 元素變為紅色,則可使用下面這條規則:
STANZA [NUMBER="3"] { color:red }
13.2.6 @規則
XML 實用大全
第 414 頁
@規則用來完成某項任務,而不是選擇元素,并把一些樣式應用于這一元素。@規則有五種:
1.@page:把樣式應用于頁面(而不是此頁上的元素)
2.@import:在當前樣式單中嵌入一外部樣式單
3.@media:把只能用于某種媒體的特性組合起來成為樣式規則
4.@font-face:描述樣式單中用于其他地方的字體
5.@charset:定義樣式單使用的字符集
13.2.6.1 @page
@page 規則選擇頁面框。在其內部,設計者可指定各頁面的大小、版面布局、取向和頁邊距。頁面框是矩形區域,
大約為打印頁的大小,它包含頁面區域和頁邊距。頁面區域包括要顯示的內容,框邊緣作為一種容器,頁面版面就
處于分頁符之間。與其他框不同,頁面框沒有邊界線或貼邊,只有頁邊距。
@page 規則選擇文檔中的每一頁面。可使用下面的頁面偽類屬性之一:first、:left 或:right 來為各頁面類指定不
同屬性。
由于@page 規則不知道含有字體的頁面內容,所以無法理解以em 和ex 為單位的尺寸。所有的其他度量單位(包括
百分數)都是可以接受的。用于設置頁邊距的百分數也是總頁面框的百分數。頁邊距可為負值,表示把內容放在通
常應用程序或打印機可訪問的區域之外。在大多數情況下,只保留可見或可打印區域內的信息。
13.2.6.2 @import
@import 規則把指定的外部樣式單嵌入到現有的樣式單中。這樣可以根據多個較小、較容易理解的片斷生成大樣式
單。導入的樣式單使用.css 擴展名。例如,下面的規則導入poetry.css 文件。
@import url(poetry.css);
@import 規則可在樣式單后面指定媒體類型。如果沒有指定媒體類型,@import 規則就沒有限制,并且可用于所有
媒體類型。例如,下列規則導入printmedia.css 文件。在這個樣式單中的聲明只適用于印刷媒體(print media)。
@import url(printmedia.css) print;
下面的這條規則導入continuous.css 文件,可用于計算機顯示器或電視機顯示器。
@import url(continuous.css) tv, screen;
導入到其他樣式單中的樣式單,在級聯中的等級要比導入它的樣式單低。例如,假設shakespeare.css 為VERSE
指定New York 字體,而shakeprint.css 為VERSE 指定Times 字體。如果將Shakespeare.css 導入到shakeprint.css
中,那么,詩句將以Times 字體顯示。
13.2.6.3 @media
XML 實用大全
第 415 頁
可使用多種媒體把信息傳遞給讀者,每種媒體都有其自己的習慣樣式和格式。現在還不能使語音合成器較好地以單
音調來閱讀Shakespeare 的詩句,如今可以嗎?斜體字對于等寬終端也沒有什么意義。
CSS2 可為顯示在不同媒體中的相同元素指定不同的樣式。例如,如果正文使用的是非襯線字體,則在屏幕上就更
容易閱讀,而如果正文是以襯線字體編寫在紙上時,通常最容易閱讀。可以將只準備用于一種媒體的多個樣式規則
放入一條指明媒體名的@media 規則中。在一篇文檔中,@media 規則的數量與指定的媒體類型一樣多。例如,下面
的這些規則將根據是在紙上打印還是在顯示器上顯示把SONNET 元素格式化成不同的樣式。
@media print {
SONNET { font-size: lopt; font family: Times, serif }
}
@media screen {
SONNET { font-size: 12pt;
font-family: New York, Times New Roman, serif }
}
@media screen, print {
VERSE { line-height: 1.2 }
前兩條規則明確定義了為打印機和屏幕媒體類型所使用的樣式。由于現在的計算機顯示器的分辨率比現在的打印機
低得多,所有顯示在屏幕上的字體比打印輸出要大,并且選擇適用于屏幕的字體,這是很重要的。
第三條規則提供適用于這兩種媒體類型的樣式。要為多個媒體類型同時指定樣式指令,可簡單地將媒體名列在
@media 規則指定符之后,并以逗號分開。
支持CSS2 的瀏覽器允許文檔的作者提供決定特定類型媒體如何顯示文檔的規則。例如,當在屏幕上顯示一文檔時,
中國航空網 www.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址:
XML實用大全(116)