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

橫縣網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,橫縣網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為橫縣上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的橫縣做網(wǎng)站的公司定做！

    1、XML中引入CSS樣式。

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

1 
 2 
 3 
 4   
 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   
23   
24     Xml應(yīng)用系列
25     學(xué)路的小孩
26     2009-03-23
27   
28 

    代碼說明：第一行是XML文件的頭部聲明，作為一個(gè)格式良好的Xml文檔，都應(yīng)該添加頭部的聲明信息。第二行是CSS樣式的聲明，其中，xml-stylesheet的意思是為XML文檔添加樣式表，type="text/css"的意思是樣式表的類型是CSS樣式表。第四行和第二十二行中間的內(nèi)容則是CSS樣式的內(nèi)容，其中第四行用來聲明添加CSS代碼，第二十二行則是它的封閉標(biāo)簽。后面的幾行是XML文檔的內(nèi)容。在添加了CSS樣式之后，我們?cè)贗E中打開這個(gè)XML文檔，效果如下圖：

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

1 
2 
3 
4   
5     Xml應(yīng)用系列
6     學(xué)路的小孩
7     2009-03-23
8   
9 

    代碼說明： 第一行為Xml文檔的聲明；第二行中添加了一個(gè)href屬性，它表示引入外部的CSS文件，文件的名字是bookstyle.css。后面的幾行是XML文檔的內(nèi)容。我在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     }

    這個(gè)樣式跟第一個(gè)樣式的唯一區(qū)別就是背景改為了gray，在IE中顯示的效果為：

2、CSS設(shè)置XML文檔的顯示效果

    CSS中使用選擇符來格式化XML文檔。選擇符一般為一個(gè)或多個(gè)XML標(biāo)簽，例如上面的book、name等，在花括號(hào)中為顯示的屬性和屬性值，屬性和屬性值中間以冒號(hào)分開。使用CSS可以通過dispaly屬性設(shè)置標(biāo)簽內(nèi)容是否顯示，屬性值有none、block、inline、list-item。另外CSS還可以設(shè)置XML顯示的字體、顏色、文本、邊距、邊框、填充以及定位顯示。這些使用方法和在HTML中的使用是一樣的，這里就不再詳細(xì)說明。下一篇將說明如何使用XSLT模板化XML文檔，請(qǐng)喜歡的朋友繼續(xù)關(guān)注。

以上是“使用CSS樣式表格式化XML文檔的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！