使用CSS樣式表格式化XML文件的詳情介紹

 這篇文章適用於有一定CSS基礎的朋友們。如果你還沒有CSS基礎，可以到中文#w3schools來學習。

     1#、XML中引入

## CSS樣式。      在XML中引入CSS#樣式表有兩種方法。一種是在XML

文件中直接嵌入

CSS樣式；另一種則是外部引入（似乎在WEB中許多引入的方式都有這兩種）。在XML中直接嵌入CSS#樣式的方法如下：

1 <?xml version="1.0" encoding="utf-8"?>
 2 <?xml-stylesheet type="text/css"?>
 3 <xml>
 4   <HTML:STYLE xmlns:HTML="http://www.w3.org/profiles/XHTML-transitional">
 5     book{
 6       display:block;
 7       background-color:#FFE4C4;
 8       margin:5px;
 9     }
10     name{
11       display:block;
12       line-height:30px;
13     }
14     author{
15       display:block;
16       line-height:30px;
17     }
18     date{
19       display:block;
20       line-height:30px;
21     }
22   </HTML:STYLE>
23   <book>
24     <name>Xml应用系列</name>
25     <author>学路的小孩</author>
26     <date>2009-03-23</date>
27   </book>
28 </xml>

     ##程式碼說明：第一行是XML檔案的頭部聲明，作為一個格式良好的 Xml文檔，都應該添加頭部的聲明資訊。第二行是CSS樣式的聲明，其中，xml-stylesheet的意思是為XML文件新增樣式表，type="text/css"的意思是樣式表的類型是CSS#樣式表。第四行和第二十二行中間的內容則是CSS樣式的內容，其中第四行用來宣告加上CSS

#程式碼，第二十二行則是它的封閉標籤。後面的幾行是######XML######文件的內容。在新增了######CSS######樣式之後，我們在######IE#######中開啟這個#####XML######文檔，效果如下圖：######

第二种方式是外部引用。外部引用的代码示例如下：

1 <?xml version="1.0" encoding="utf-8"?>
2 <?xml-stylesheet type="text/css" href="bookstyle.css"?>
3 <xml>
4   <book>
5     <name>Xml应用系列</name>
6     <author>学路的小孩</author>
7     <date>2009-03-23</date>
8   </book>
9 </xml>

代码说明： 第一行为Xml文档的声明；第二行中添加了一个href属性，它表示引入外部的CSS文件，文件的名字是bookstyle.css。后面的几行是XML文档的内容。我在bookstyle.css中写入的样式如下：

 1     book{
 2       display:block;
 3       background-color:gray;
 4       margin:5px;
 5     }
 6     name{
 7       display:block;
 8       line-height:30px;
 9     }
10     author{
11       display:block;
12       line-height:30px;
13     }
14     date{
15       display:block;
16       line-height:30px;
17     }

     这个样式跟第一个样式的唯一区别就是背景改为了gray，在IE中显示的效果为：

     

2、CSS设置XML文档的显示效果

     CSS#中使用選擇子來格式化#XML文件。選擇符一般為一個或多個XML標籤，例如上面的book、name 等，在花括號中為顯示的屬性和屬性值，屬性和屬性值中間以冒號分開。使用CSS可以透過dispaly#屬性設定標籤內容是否顯示，屬性值有none、block、inline#、list-item#。另外CSS還可以設定XML#顯示的字體、顏色、文字、邊距、邊框、填滿以及定位顯示。這些使用方法和在HTML中的使用是一樣的，這裡就不再詳細說明。下一篇將說明如何使用XSLT模板化XML文檔，請您喜歡的朋友繼續關注。

 

以上是使用CSS樣式表格式化XML文件的詳情介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！