XML入门教程:使用CSS显示XML

【 tulaoshi.com - Web开发 】

通过使用CSS，您可以为某个XML文档添加显示信息。

使用CSS显示您的XML？

使用CSS来格式化XML文档是有可能的。

下面的例子就是关于如何使用CSS样式表来格式化某个XML文档：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）

这是XML文件：CD 目录

？xml version="1.0" encoding="ISO-8859-1" ？
- !-- Edited with XML Spy v2007 (http://www.altova.com)
--
- CATALOG
- CD
TITLEEmpire Burlesque/TITLE
ARTISTBob Dylan/ARTIST
COUNTRYUSA/COUNTRY
COMPANYColumbia/COMPANY
PRICE10.90/PRICE
YEAR1985/YEAR
/CD
- CD
TITLEHide your heart/TITLE
ARTISTBonnie Tyler/ARTIST
COUNTRYUK/COUNTRY
COMPANYCBS Records/COMPANY
PRICE9.90/PRICE
YEAR1988/YEAR
/CD
- CD
TITLEGreatest Hits/TITLE
ARTISTDolly Parton/ARTIST
COUNTRYUSA/COUNTRY
COMPANYRCA/COMPANY
PRICE9.90/PRICE
YEAR1982/YEAR
/CD
- CD
TITLEStill got the blues/TITLE
ARTISTGary Moore/ARTIST
COUNTRYUK/COUNTRY
COMPANYVirgin records/COMPANY
PRICE10.20/PRICE
YEAR1990/YEAR
/CD
- CD
TITLEEros/TITLE
ARTISTEros Ramazzotti/ARTIST
COUNTRYEU/COUNTRY
COMPANYBMG/COMPANY
PRICE9.90/PRICE
YEAR1997/YEAR
/CD
- CD
TITLEOne night only/TITLE
ARTISTBee Gees/ARTIST
COUNTRYUK/COUNTRY
COMPANYPolydor/COMPANY
PRICE10.90/PRICE
YEAR1998/YEAR
/CD
- CD
TITLESylvias Mother/TITLE
ARTISTDr.Hook/ARTIST
COUNTRYUK/COUNTRY
COMPANYCBS/COMPANY
PRICE8.10/PRICE
YEAR1973/YEAR
/CD
- CD
TITLEMaggie May/TITLE
ARTISTRod Stewart/ARTIST
COUNTRYUK/COUNTRY
COMPANYPickwick/COMPANY
PRICE8.50/PRICE
YEAR1990/YEAR
/CD
- CD

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）TITLERomanza/TITLE
ARTISTAndrea Bocelli/ARTIST
COUNTRYEU/COUNTRY
COMPANYPolydor/COMPANY
PRICE10.80/PRICE
YEAR1996/YEAR
/CD
- CD
TITLEWhen a man loves a woman/TITLE
ARTISTPercy Sledge/ARTIST
COUNTRYUSA/COUNTRY
COMPANYAtlantic/COMPANY
PRICE8.70/PRICE
YEAR1987/YEAR
/CD
- CD
TITLEBlack angel/TITLE
ARTISTSavage Rose/ARTIST
COUNTRYEU/COUNTRY
COMPANYMega/COMPANY
PRICE10.90/PRICE
YEAR1995/YEAR
/CD
- CD
TITLE1999 Grammy Nominees/TITLE
ARTISTMany/ARTIST
COUNTRYUSA/COUNTRY
COMPANYGrammy/COMPANY
PRICE10.20/PRICE
YEAR1999/YEAR
/CD
- CD
TITLEFor the good times/TITLE
ARTISTKenny Rogers/ARTIST
COUNTRYUK/COUNTRY
COMPANYMucik Master/COMPANY
PRICE8.70/PRICE
YEAR1995/YEAR
/CD
- CD
TITLEBig Willie style/TITLE
ARTISTWill Smith/ARTIST
COUNTRYUSA/COUNTRY
COMPANYColumbia/COMPANY
PRICE9.90/PRICE
YEAR1997/YEAR
/CD
- CD
TITLETupelo Honey/TITLE
ARTISTVan Morrison/ARTIST
COUNTRYUK/COUNTRY
COMPANYPolydor/COMPANY
PRICE8.20/PRICE
YEAR1971/YEAR
/CD
- CD
TITLESoulsville/TITLE
ARTISTJorn Hoel/ARTIST
COUNTRYNorway/COUNTRY
COMPANYWEA/COMPANY
PRICE7.90/PRICE
YEAR1996/YEAR
/CD
- CD
TITLEThe very best of/TITLE
ARTISTCat Stevens/ARTIST
COUNTRYUK/COUNTRY
COMPANYIsland/COMPANY
PRICE8.90/PRICE
YEAR1990/YEAR
/CD
- CD
TITLEStop/TITLE
ARTISTSam Brown/ARTIST
COUNTRYUK/COUNTRY
COMPANYA and M/COMPANY
PRICE8.90/PRICE
YEAR1988/YEAR
/CD
- CD
TITLEBridge of Spies/TITLE
ARTISTT'Pau/ARTIST
COUNTRYUK/COUNTRY
COMPANYSiren/COMPANY
PRICE7.90/PRICE
YEAR1987/YEAR
/CD
- CD
TITLEPrivate Dancer/TITLE
ARTISTTina Turner/ARTIST
COUNTRYUK/COUNTRY
COMPANYCapitol/COMPANY
PRICE8.90/PRICE
YEAR1983/YEAR
/CD
- CD
TITLEMidt om natten/TITLE
ARTISTKim Larsen/ARTIST
COUNTRYEU/COUNTRY
COMPANYMedley/COMPANY
PRICE7.80/PRICE
YEAR1983/YEAR
/CD
- CD
TITLEPavarotti Gala Concert/TITLE
ARTISTLuciano Pavarotti/ARTIST
COUNTRYUK/COUNTRY
COMPANYDECCA/COMPANY
PRICE9.90/PRICE
YEAR1991/YEAR
/CD
- CD
TITLEThe dock of the bay/TITLE
ARTISTOtis Redding/ARTIST
COUNTRYUSA/COUNTRY
COMPANYAtlantic/COMPANY
PRICE7.90/PRICE
YEAR1987/YEAR
/CD
- CD
TITLEPicture book/TITLE
ARTISTSimply Red/ARTIST
COUNTRYEU/COUNTRY
COMPANYElektra/COMPANY
PRICE7.20/PRICE
YEAR1985/YEAR
/CD
- CD
TITLERed/TITLE
ARTISTThe Communards/ARTIST
COUNTRYUK/COUNTRY
COMPANYLondon/COMPANY
PRICE7.80/PRICE
YEAR1987/YEAR
/CD
- CD
TITLEUnchain my heart/TITLE
ARTISTJoe Cocker/ARTIST
COUNTRYUSA/COUNTRY
COMPANYEMI/COMPANY
PRICE8.20/PRICE
YEAR1987/YEAR
/CD
/CATALOG

这是样式表：CSS 文件

CATALOG
{
background-color: #ffffff;
width: 100%;
}
CD
{
display: block;
margin-bottom: 30pt;
margin-left: 0;
}
TITLE
{
color: #FF0000;
font-size: 20pt;
}
ARTIST
{
color: #0000FF;
font-size: 20pt;
}
COUNTRY,PRICE,YEAR,COMPANY
{
display: block;
color: #000000;
margin-left: 20pt;
}

最后，请查看效果：由CSS文件格式化的CD 目录

下面是此XML文件的一个片断。 第二行，？xml-stylesheet type="text/css" href="cd_catalog.css"？，把这个XML文件链接到CSS文件：

？xml version="1.0" encoding="ISO-8859-1"？
？xml-stylesheet type="text/css" href="cd_catalog.css"？
CATALOG
CD
TITLEEmpire Burlesque/TITLE
ARTISTBob Dylan/ARTIST
COUNTRYUSA/COUNTRY
COMPANYColumbia/COMPANY
PRICE10.90/PRICE
YEAR1985/YEAR
/CD
CD
TITLEHide your heart/TITLE
ARTISTBonnie Tyler/ARTIST
COUNTRYUK/COUNTRY
COMPANYCBS Records/COMPANY
PRICE9.90/PRICE
YEAR1988/YEAR
/CD
.
.
.
.
/CATALOG

注释：使用CSS格式化XML不能代表XML文档样式化的未来。XML文档应当使用W3C的XSL标准进行格式化！