使用CSS設計XML文檔樣式

使你的XML看起來如何你想要它與層疊樣式表

創建一個XML文檔,編寫DTD,並用瀏覽器解析它都很好,但是當你查看文檔時文檔將如何顯示? XML不是一種顯示語言。 事實上,用XML編寫的文檔根本沒有格式。

那麼,如何查看我的XML?

在瀏覽器中查看XML的關鍵是層疊樣式表。 樣式表允許您定義XML文檔的每個方面,從文本的大小和顏色到非文本對象的背景和位置。

假設你有一個XML文檔:

<?xml version =“1.0”standalone =“yes”> <!DOCTYPE family [<!ELEMENT parent(#PCDATA)> <!ELEMENT child(#PCDATA)>]> Judy Layard Jennifer Brendan

如果您要在XML就緒瀏覽器(如Internet Explorer)中查看該文檔,它將顯示如下所示的內容:

朱迪萊亞德珍妮弗布倫丹

但是如果你想區分父母和孩子的元素呢? 甚至可以在文檔中的所有元素之間進行視覺區分。 你不能用XML來做到這一點,它不是用來顯示的語言。

但幸運的是,在XML文檔中使用層疊樣式表或CSS可以很容易地定義在瀏覽器中查看時如何顯示這些文檔和應用程序。 對於上述文檔,您可以使用與HTML文檔相同的方式定義每個標籤的樣式。

例如,在HTML中,您可能想要使用字體為Verdana,Geneva或Helvetica並且背景顏色為綠色的段落標籤(

)定義所有文本。 要在樣式表中定義這個段落,以便所有的段落都是這樣的,你可以這樣寫:

p {font-family:verdana,geneva,helvetica; background-color:#00ff00; }

XML文檔也適用相同的規則。 XML中的每個標籤都可以在XML文檔中定義:

家庭{color:#000000; } parent {font-family:Arial Black; 顏色:#ff0000; border:solid 5px; 寬度:300px; } child {font-family:verdana,helvetica; 顏色:#cc0000; border:solid 5px; border-color:#cc0000; }

一旦你有了你的XML文檔並且你的樣式表被寫入了,你就需要把它們放在一起。 與HTML中的鏈接命令類似,您將一行放在XML文檔的頂部(位於XML聲明下方),告訴XML解析器在何處查找樣式表。 例如:

<?xml-stylesheet type =“text / css”href =“stylesheet.css”?>

正如我上面所說的,這行應該在<?xml?>聲明的下面,但在XML文檔中的任何元素之前。

綜合起來,你的XML文檔應該是這樣的:

<!xml version =“1.0”standalone =“yes”> <?xml-stylesheet type =“text / css”href =“stylesheet.css”?> <!DOCTYPE family [<!ELEMENT parent(#PCDATA)> < !ELEMENT child(#PCDATA)>]> Judy Layard Jennifer Brendan