曝光臺 注意防騙 網(wǎng)曝天貓店富美金盛家居專營店坑蒙拐騙欺詐消費(fèi)者

要在XML 文件中嵌入影像，沒有任何標(biāo)準(zhǔn)方法，所以對于本例，我們用一背景影像，并靈活的使用CSS 屬性來仿造嵌入影像
的效果，清單12-16 是一個(gè)稍加修改的舞會請諫，它有一空的IMAGE 元素。清單12-17 是一樣式單，它將party.gif 文件設(shè)
置為IMAGE 元素的背景。也可以設(shè)置IMAGE 元素的寬度和高度屬性。最后，設(shè)置float 為left。圖12-33 顯示運(yùn)行后的結(jié)
果。
清單12-16：有空IMAGE 元素的舞會請諫
<?xml version="1.0"?>
<?xml stylesheet type="text/css" href="12-17.css"?>
<INVITATION>
<IMAGE />
XML 實(shí)用大全
第 403 頁
<TEXT>
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 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!
</TEXT>
</INVITATION>
清單12-17：加載一個(gè)IMAGE 的樣式單
INVITATION { display:block; }
IMAGE { background: url(party.gif) no-repeat center center;
width: 134px;
height: 196px;
float: left; }
XML 實(shí)用大全
第 404 頁
TEXT { display: block }
12.13.7 clear 屬性
clear 屬性指定元素是否可以在其各邊有浮動元素。如果不能，元素將移到任何在此元素之前的浮動元素之下。它與HTML
中的<BR CLEAR="ALL">元素有關(guān)。其可能值為：
none right
left both
圖12-33 在左邊浮動的舞會請諫上的影像
缺省值none 使浮動元素出現(xiàn)在元素的兩側(cè)。left 值預(yù)示浮動元素出現(xiàn)在元素的左側(cè)。right 值預(yù)示浮動元素出現(xiàn)在元素的
右側(cè)。both 值預(yù)示浮動元素出現(xiàn)在元素的兩側(cè)。例如，假設(shè)把下列規(guī)則加入到清單12-17 的樣式單中：
TEXT { clear: left }
現(xiàn)在，盡管IMAGE 元素想浮動在TEXT 元素的左邊，但TEXT 元素不允許這樣做(如圖12-34 所示)。IMAGE 元素仍然處于左邊，
但現(xiàn)在TEXT 被推到影像之下。
XML 實(shí)用大全
第 405 頁
圖12-34 將clear 設(shè)置為left 的舞會請諫
XML 實(shí)用大全
第 406 頁
12.14 本章小結(jié)
在本章中，讀者已學(xué)習(xí)了以下內(nèi)容：
• 對于將樣式應(yīng)用于元素的內(nèi)容來說，CSS 是一種簡單、易懂的語言，它在HTML 中非常有效，而在XML 中甚至更加
有效。
• 選擇符是將規(guī)則應(yīng)用其上的一組以逗號分隔開來的元素。
• CSS 可把多條規(guī)則應(yīng)用于所給類型的元素或帶有特定CLASS 或ID 特性的元素。
• 許多(盡管不是所有的)CSS 屬性都可以被它們所應(yīng)用的元素的子元素所繼承。
• 如果多條規(guī)則應(yīng)用于一個(gè)元素，那么格式化屬性以預(yù)想的方式層疊。
• 在CSS 樣式單中，可使用像C 語言中的/ * * /一樣的注釋。
• 長度可以用相對或絕對單位指定。使用相對單位更好。
• display 屬性決定一元素是否是塊級、內(nèi)聯(lián)或列表項(xiàng)元素。
• 字體屬性決定文本字體的外觀、樣式、大小和粗細(xì)。
• 顏色屬性可用十進(jìn)制、十六進(jìn)制或百分?jǐn)?shù)的24 位RGB 空間表示。
• 背景屬性包括顏色、影像、影像位置和影像平鋪。
• 文本屬性可用來調(diào)整行距、字間距、字母間距、垂直和水平對齊、修飾和大寫。
• 框?qū)傩钥捎脕碚{(diào)整網(wǎng)頁上元素的相對位置和間距，以及元素周圍的邊框線。
CSS1 也受到一些限制。首先，CSS1 只能把樣式與已經(jīng)出現(xiàn)在文檔中的內(nèi)容相鏈接。它無法向文檔中添加內(nèi)容，即使像標(biāo)點(diǎn)
符號這樣的內(nèi)容。此外，它不能把內(nèi)容以任何方式(如分類或重排)進(jìn)行變換。這些需要用XSL(Extensible Style Language，
可擴(kuò)充樣式語言)來解決。即使僅僅從格式化內(nèi)容的角度來考慮，CSS1 所提供的也比人們需要的少。最明顯的是，不支持表
格。還有其他非明顯的缺點(diǎn)。CSS1 不能處理從右到左的文本(如希伯來語、阿拉伯語)或垂直文本(如繁體中文)。在下一章
中，我們將學(xué)習(xí)CSS2，它可以解決這些問題和CSS1 的限制。
第13 章 級聯(lián)樣式單級別2
級聯(lián)樣式單級別2（CSS2）規(guī)范由W3C 在1998 年出版，它優(yōu)于CSS1，對XML 和HTML 文檔格式化的功能比以前更強(qiáng)大。當(dāng)然，
與CSS1 一樣，CSS2 也對HTML 向后兼容。但是，使用XML，CSS2 幾乎和桌面出版程序（如PageMaker 和Quark XPress）一
樣，可格式化紙張和Web 上的內(nèi)容。
這里討論的大多數(shù)規(guī)則，常用的瀏覽器仍不能執(zhí)行。Mozilla 可實(shí)現(xiàn)一些樣式，但完全能夠?qū)崿F(xiàn)所有的樣式仍有一段路要走。
本章的主要內(nèi)容如下：
• CSS2 中有哪些新特點(diǎn)？
• 選擇元素
• 格式化網(wǎng)頁
• 可視的格式化
• 框
• 計(jì)數(shù)器和自動計(jì)數(shù)
• 音頻樣式單
13.1 CSS2 中有哪些新特點(diǎn)？
XML 實(shí)用大全
第 407 頁
CSS2 體現(xiàn)了Web 開發(fā)者和設(shè)計(jì)者對瀏覽器開發(fā)商長期以來一直要求的許多特點(diǎn)。其規(guī)范也比CSS1 多兩倍，不僅僅是所有改
　
中國航空網(wǎng) www.k6050.com
航空翻譯 www.aviation.cn
本文鏈接地址：XML實(shí)用大全(113)