如何使用CSS显示XML?
使用 CSS 来格式化 XML 文档是有可能的。
下面的例子就是关于如何使用 CSS 样式表来格式化 XML 文档:
<?xml version="1.0" encoding="ISO-8859-1"?> <?xml-stylesheet type="text/css" href="style.css"?> <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>Columbia</COMPANY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </CD> <CD> <TITLE>Hide your heart</TITLE> <ARTIST>Bonnie Tyler</ARTIST> <COUNTRY>UK</COUNTRY> <COMPANY>CBS Records</COMPANY> <PRICE>9.90</PRICE> <YEAR>1988</YEAR> </CD> </CATALOG>
在第二行添加<?xml-stylesheet type="text/css" href="引用的css文件的地址"?>
,是为了链接CSS 文件到XML 文件中:
style.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 格式化 XML 不是常用的方法,更不能代表 XML 文档样式化的未来。W3C 推荐使用 XSLT。
css格式化xml样式,多数浏览器都支持得不是好,也许你代码没错,关键是浏览器不支持就不会解析出样式。
更多web前端开发知识,请查阅 HTML中文网 !!
以上就是如何使用CSS显示XML?的详细内容,更多请关注易知道|edz.cc其它相关文章!