使用CSS樣式表格式化XML文檔的示例分析

小編給大家分享一下使用CSS樣式表格式化XML文檔的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

    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文檔的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！