如何使用CSS 显示 XML

PHP中文网 • 2025年3月10日 20:18:22 • 编程技术 • 阅读 2

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

推荐：《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.Empire BurlesqueBob DylanUSAColumbia10.901985Hide your heartBonnie TylerUKCBS Records9.901988Greatest HitsDolly PartonUSARCA9.901982Still got the bluesGary MooreUKVirgin records10.201990ErosEros RamazzottiEUBMG9.901997One night onlyBee GeesUKPolydor10.901998Sylvias MotherDr.HookUKCBS8.101973Maggie MayRod StewartUKPickwick8.501990RomanzaAndrea BocelliEUPolydor10.801996When a man loves a womanPercy SledgeUSAAtlantic8.701987Black angelSavage RoseEUMega10.9019951999 Grammy NomineesManyUSAGrammy10.201999For the good timesKenny RogersUKMucik Master8.701995Big Willie styleWill SmithUSAColumbia9.901997Tupelo HoneyVan MorrisonUKPolydor8.201971The very best ofCat StevensUKIsland8.901990StopSam BrownUKA and M8.901988Bridge of SpiesT'PauUKSiren7.901987Private DancerTina TurnerUKCapitol8.901983Midt om nattenKim LarsenEUMedley7.801983Pavarotti Gala ConcertLuciano PavarottiUKDECCA9.901991The dock of the bayOtis ReddingUSAAtlantic7.901987Picture bookSimply RedEUElektra7.201985RedThe CommunardsUKLondon7.801987Unchain my heartJoe CockerUSAEMI8.201987

登录后复制

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

      Empire Burlesque    Bob Dylan    USA    Columbia    10.90    1985        Hide your heart    Bonnie Tyler    UK    CBS Records    9.90    1988  ....

登录后复制

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

以上就是如何使用CSS 显示 XML的详细内容，更多请关注【创想鸟】其它相关文章！

发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2883310.html