14.使用 CSS 显示 XML
2016-02-19 10:42
411 查看
<?xml version="1.0" encoding="ISO-8859-1"?> <?xml-stylesheet type="text/css" href="cd_catalog.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>
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发展史
- css srpites css精灵
- CSS清除浮动_清除float浮动
- CSS中DIV居中
- 未知宽高图片垂直居中&&CSS垂直居中总结
- css中inline、block、inline-block的区别
- [css] line-height 百分比单位和数值单位的区别
- sass学习研究
- css基础2
- css样式 让文章开头空两格
- css 简写属性 规则 次序 汇总 书写顺序
- css3,background-clip/background-origin的使用场景,通俗讲解
- css基础
- CSS中margin-top属性失效问题解决
- CSS3 去除苹果浏览器按钮input[type="submit"]和input[type="reset"]的默认样式
- css设计指南-笔记3
- css设计指南-笔记2
- css设计指南-笔记1
- div+css制作带箭头提示框效果图(原创文章)
- WPF 窗体样式修改