如何使用CSS显示XML?

通过使用 CSS,可为 XML 文档添加显示信息。那么如何使用CSS显示XML?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

如何使用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其它相关文章!

推荐阅读