曝光臺 注意防騙
網曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費者
<STYLE TYPE=² text/css²
PRE { color: red }
</STYLE>
3.由于元素的傳統格式化方法,HTML 瀏覽器不能像XML 瀏覽器一樣準確無誤地體現CSS 屬性,在此方面
表格就是眾所周知的問題之一。
樣式單與DTD 或多或少地成正交關系。帶樣式單的文檔可能有也可能沒有DTD,而帶DTD 的文檔也可能有或沒有樣式單。但
是,DTD 常常充當便于使用的必須為其提供樣式規則的元素列表。
在本章以及下面幾章中,大多數例子都要使用結構完整、但不合法的文檔。不使用DTD 會使所舉的例子更短、相關的部分更
加明顯。但是實際上,大多數與樣式單相鏈接的文檔很可能是合法的帶DTD 的文檔。
XML 實用大全
第 342 頁
12.3 選擇元素
在CSS 規則中,有個部分是用來指定CSS 規則適用于哪個元素的,此部分稱為選擇符(selector)。最普通的選擇符就是元素
的名稱;例如,下面規則中的TITLE:
TITLE ( display: block; font-size: 16pt; font-weight: bold )
可是,選擇符還可指定多個元素、帶有特定的CLASS 或ID 特性的元素以及與其他元素相關的出現在特定上下文中的元素。
在CSS1 中,無法做到的一件事就是選擇帶有特定特性名的元素或除預定義的CLASS 和ID 特性之外的值,為此,就得使用
CSS2 或XSL。
12.3.1 成組選擇符
如果想把一組屬性應用于多個元素,可以用逗號將選擇符中的所有元素分開。例如,在清單12-1 中,POET 和STANZA 都是
被設定為10 個像素頁邊距的塊顯示。于是,可把這兩個規則如下列方式組合起來:
POET, STANZA { display: block; margin-bottom: 10px }
此外,多個規則也可將樣式作用于一個特定的元素。所以可以將一些標準的屬性組合成帶有許多選擇符的一個規則中,然后
使用更多的指定規則來把定制格式作用于所選元素。例如,在清單12-1 中,所有的元素都是以塊顯示的方式列出來的。這
樣就可以組合成一個規則,而用于POET、STANZA 和TITLE 元素的其他格式化放在各自的規則中,于是:
POEM, VERSE, TITLE, POET, STANZA { display: block }
POET, STANZA { margin-bottom: 10px }
TITLE { font-size: 16pt; font-weight: bold }
12.3.2 偽元素
CSS1 支持兩種偽元素(pseudo-element),它們指出文檔中通常不能作為獨立的元素來看待的部分,但常常需要獨立樣式。
通常偽元素是元素的第一行和首字母。
Internet Explorer 5.0 的早期測試版和Internet Explorer 更早版本都不支持這些偽元素。Mozilla 5.0 早期的測試版的
確支持,但僅用于HTML。
12.3.2.1 強調首字母
要將一個元素的首字母與此元素中其他字母分別格式化的最通用手段就是插入一個下沉的大寫字母,如圖12-2 所示。為此,
需要編寫一條以元素名標識的規則,緊接此元素名后寫入:first-letter。例如:
CHAPTER:first-letter { font-size: 300%;
float: left; vertical-align: text-top }
XML 實用大全
第 343 頁
正像在圖12-2 中看到的那樣,盡管詞首的大寫字母的大小可以調整,但下沉大寫字母(float:left;
vertical-align:text-top)的“下沉”部分在Mozilla 5.0 的早期測試版和Internet Explorer 5.0 中似乎仍行不通。
圖12-2 在首字母偽元素上的下沉大寫字母以及在首行偽元素上使用的小型大寫字母
12.3.2.2 強調首行
一個元素的第一行也常常被格式化為與此元素文本的其他部分不同。例如,可用小型的大寫字母進行打印,而不是以通常的
主體文本,如圖12-2 所示。可以將:first-line 選擇符加到元素的名稱上,以創建只適用于此元素第一行的規則。例如:
CHAPTER:first-line { font-variant: small-caps }
偽元素到底選擇了什么內容依賴于當前窗口的布局。如果窗口較大,因而在第一行中單詞也較多,那么,以小型大寫字母顯
示的單詞也就越多。如果窗口變小,或字體變大,以致造成文本不同程度的折行,從而使第一行的單詞變得較少,那么折行
到下一行中的單詞就不再以小型大寫字母的形式顯示了。因此,在文檔實際顯示出來之后,才能確定first-line 偽元素包
含哪些字母。
12.3.3 偽類(pseudo-classe)
有時候,可能想對同一個類型的兩個元素設計成不同的樣式。例如,有一個段落可能是粗體的,而另一個段落則為正常粗細
的字體。要達到此目的,可以把CLASS 特性加到兩個元素之一上,然后為給定的CLASS 中的元素編寫一個規則。
例如,以含有許多CITATION 元素的一個書目為例。在清單12-3 中顯示了一個示例。現假定要將Alan Turing 文章中的所有
引用著成藍色,同時又不改變其他的引用。為此,必須將帶有指定值(TURING 也行)的CLASS 屬性加到要著色的元素中。
清單12-3:有三個CITATION 元素的XML 書目
<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet type="text/css" href="biblio.css"?>
XML 實用大全
第 344 頁
<BIBLIOGRAPHY>
<CITATION CLASS="HOFSTADTER" ID="Cl">
<AUTHOR>Hofstadter, Douglas</AUTHOR>.
"<TITLE>How Might Analogy, the Core of Human Thinking,
Be Understood By Computers?</TITLE>"
<JOURNAL>Scientific American</JOURNAL>,
<MONTH>September</MONTH>
<YEAR>1981</YEAR>
<PAGES>18-30</PAGES>
</CITATION>
<CITATION CLASS="TURING" ID="C2">
<AUTHOR>Turing, Alan M.</AUTHOR>
"<TITLE>On Computable Numbers,
With an Application to the Entscheidungs-problem</TITLE>"
<JOURNAL>
Proceedings of the London Mathematical Society</JOURNAL>,
<SERIES>Series 2</SERIES>,
中國航空網 www.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址:
XML實用大全(99)