小编给大家分享一下怎样使用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
浏览路径：http://kswjz.com/article/peiejh.html