xml看html效果怎么看,如何使用CSS显示XML？

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

如何使用CSS显示XML？

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

下面的例子就是关于如何使用 CSS 样式表来格式化 XML 文档：<?xml version="1.0" encoding="ISO-8859-1"?>

Empire Burlesque

Bob Dylan

USA

Columbia

10.90

1985

Hide your heart

Bonnie Tyler

UK

CBS Records

9.90

1988

在第二行添加<?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中文网 ！！