如何通過CSS使用XML

如果您熟悉CSS如何設置HTML頁面的樣式,那麼您會欣賞格式化的概念。 在XML標記語言開始時,顯示數據有點複雜,但隨著樣式表的改變。

通過添加樣式表引用,您可以將XML代碼格式化並顯示為網頁。 如果沒有CSS或其他格式,XML將顯示為基本文本,並顯示錯誤,指出瀏覽器找不到格式化文檔。

XML樣式示例

一個簡單的樣式表只需要列出顯示數據所需的元素和格式屬性。

這一段代碼告訴處理器哪些元素要顯示,以及它們應該如何在網頁上看起來像這樣:

sample {background-color:#ffffff; width:100%;} mymessage {display:block; background-color:#999999; margin-bottom:30pt;} body {font-size:50%}

格式文件的第一行是根元素。 根的屬性適用於整個頁面,但您可以為每個標籤更改它們。 這意味著您可以指定頁面的背景顏色,然後再指定每個部分的背景顏色。

將此文件保存到XML文件所在的同一目錄中,並確保其具有.CSS文件擴展名。

從XML鏈接到CSS

在這一點上,這是兩個完全獨立的文件。 處理器不知道你希望他們一起工作來創建一個網頁

您可以通過在XML文檔的頂部添加一個聲明來識別CSS文件路徑的語句來解決此問題。 聲明直接在最初的XML聲明聲明下,如下所示:

<?xml version =“1.0”encoding =“UTF-8”?> <?xml-stylesheet type =“text / css”href =“products.css”?>

在這個例子中,CSS文件被稱為products.css ,這就是它在XML文檔中被標記為這樣的原因。 將其更改為您為CSS文件選擇的任何文件名。