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

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),康縣企業(yè)網(wǎng)站建設(shè),康縣品牌網(wǎng)站建設(shè),網(wǎng)站定制,康縣網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,康縣網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

    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應(yīng)用系列</name>
25     <author>學(xué)路的小孩</author>
26     <date>2009-03-23</date>
27   </book>
28 </xml>

    代碼說明：第一行是XML文件的頭部聲明，作為一個格式良好的Xml文檔，都應(yīng)該添加頭部的聲明信息。第二行是CSS樣式的聲明，其中，xml-stylesheet的意思是為XML文檔添加樣式表，type="text/css"的意思是樣式表的類型是CSS樣式表。第四行和第二十二行中間的內(nèi)容則是CSS樣式的內(nèi)容，其中第四行用來聲明添加CSS代碼，第二十二行則是它的封閉標(biāo)簽。后面的幾行是XML文檔的內(nèi)容。在添加了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應(yīng)用系列</name>
6     <author>學(xué)路的小孩</author>
7     <date>2009-03-23</date>
8   </book>
9 </xml>

    代碼說明： 第一行為Xml文檔的聲明；第二行中添加了一個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     }

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

   

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

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

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前名稱：使用CSS樣式表格式化XML文檔的示例分析-創(chuàng)新互聯(lián)
當(dāng)前URL：http://jinyejixie.com/article40/dcgeeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、網(wǎng)站建設(shè)、虛擬主機(jī)、品牌網(wǎng)站設(shè)計、服務(wù)器托管、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)