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

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