使用CSS显示xml文件

在网站开发和B/S软件开发当中，我们一般用css来修饰页面.

其实,使用CSS也可以修饰xml文件,只不过没有xslt 强大.

 

下面是用css显示xml文件的一个例子:

style.css代码:

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

 

book.xml代码:

<?xml version="1.0" encoding="ISO-8859-1"?><?xml-stylesheet type="text/css" href="style.css"?><CATALOG> <BOOK> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </BOOK> <BOOK> <TITLE>Hide your heart</TITLE> <ARTIST>Bonnie Tyler</ARTIST> <COUNTRY>UK</COUNTRY> <PRICE>9.90</PRICE> <YEAR>1988</YEAR> </CD>....</CATALOG>

这样可以用IE直接打开book.xml文件就可以看到显示效果显著了