小编给大家分享一下怎样使用CSS 显示 XML，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

成都创新互联专业为企业提供修武网站建设、修武做网站、修武网站设计、修武网站制作等企业网站建设、网页设计与制作、修武企业网站模板建站服务，十年修武做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

使用CSS显示XML的方法：首先打开相应的代码文件；然后通过“”方法把XML文件链接到CSS文件即可。

使用 CSS 显示 XML

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

使用 CSS 显示您的 XML？

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

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

这是 XML 文件：CD 目录

This XML file does not appear to have any style information associated with it. The document tree is shown below.




Bob Dylan
USA
Columbia
10.90
1985



Bonnie Tyler
UK
CBS Records
9.90
1988



Dolly Parton
USA
RCA
9.90
1982



Gary Moore
UK
Virgin records
10.20
1990



Eros Ramazzotti
EU
BMG
9.90
1997



Bee Gees
UK
Polydor
10.90
1998



Dr.Hook
UK
CBS
8.10
1973



Rod Stewart
UK
Pickwick
8.50
1990



Andrea Bocelli
EU
Polydor
10.80
1996



Percy Sledge
USA
Atlantic
8.70
1987



Savage Rose
EU
Mega
10.90
1995



Many
USA
Grammy
10.20
1999



Kenny Rogers
UK
Mucik Master
8.70
1995



Will Smith
USA
Columbia
9.90
1997



Van Morrison
UK
Polydor
8.20
1971



Cat Stevens
UK
Island
8.90
1990



Sam Brown
UK
A and M
8.90
1988



T'Pau
UK
Siren
7.90
1987



Tina Turner
UK
Capitol
8.90
1983



Kim Larsen
EU
Medley
7.80
1983



Luciano Pavarotti
UK
DECCA
9.90
1991



Otis Redding
USA
Atlantic
7.90
1987



Simply Red
EU
Elektra
7.20
1985



The Communards
UK
London
7.80
1987



Joe Cocker
USA
EMI
8.20
1987

这是样式表：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 文件链接到 CSS 文件：

  
    
    Bob Dylan
    USA
    Columbia
    10.90
    1985
  
  
    
    Bonnie Tyler
    UK
    CBS Records
    9.90
    1988
  
.
.
.
.

注释：使用 CSS 格式化 XML 不是常用的方法，更不能代表 XML 文档样式化的未来。W3C 推荐使用 XSLT。

看完了这篇文章，相信你对怎样使用CSS 显示 XML有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

分享文章：怎样使用CSS显示XML-创新互联
文章URL：http://kswjz.com/article/deoodg.html