使用CSS样式表格式化XML文档的详情介绍
1、XML中引入CSS样式。
在XML中引入CSS样式表有两种方法。一种是在XML文档中直接嵌入CSS样式;另一种则是外部引入(似乎在WEB中很多引入的方式都有这两种)。在XML中直接嵌入CSS样式的方法如下:
1 <?xml version="1.0" encoding="utf-8"?> 2 <?xml-stylesheet type="text/css"?> 3 <xml> 4 <HTML:STYLE xmlns:HTML="http://www.w3.org/profiles/XHTML-transitional"> 5 book{ 6 display:block; 7 background-color:#FFE4C4; 8 margin:5px; 9 }10 name{11 display:block;12 line-height:30px;13 }14 author{15 display:block;16 line-height:30px;17 }18 date{19 display:block;20 line-height:30px;21 }22 </HTML:STYLE>23 <book>24 <name>Xml应用系列</name>25 <author>学路的小孩</author>26 <date>2009-03-23</date>27 </book>28 </xml>
代码说明:第一行是XML文件的头部声明,作为一个格式良好的Xml文档,都应该添加头部的声明信息。第二行是CSS样式的声明,其中,xml-stylesheet的意思是为XML文档添加样式表,type="text/css"的意思是样式表的类型是CSS样式表。第四行和第二十二行中间的内容则是CSS样式的内容,其中第四行用来声明添加CSS代码,第二十二行则是它的封闭标签。后面的几行是XML文档的内容。在添加了CSS样式之后,我们在IE中打开这个XML文档,效果如下图:
第二种方式是外部引用。外部引用的代码示例如下:
1 <?xml version="1.0" encoding="utf-8"?>2 <?xml-stylesheet type="text/css" href="bookstyle.css"?>3 <xml>4 <book>5 <name>Xml应用系列</name>6 <author>学路的小孩</author>7 <date>2009-03-23</date>8 </book>9 </xml>
代码说明: 第一行为Xml文档的声明;第二行中添加了一个href属性,它表示引入外部的CSS文件,文件的名字是bookstyle.css。后面的几行是XML文档的内容。我在bookstyle.css中写入的样式如下:
1 book{ 2 display:block; 3 background-color:gray; 4 margin:5px; 5 } 6 name{ 7 display:block; 8 line-height:30px; 9 }10 author{11 display:block;12 line-height:30px;13 }14 date{15 display:block;16 line-height:30px;17 }
这个样式跟第一个样式的唯一区别就是背景改为了gray,在IE中显示的效果为:
2、CSS设置XML文档的显示效果
CSS中使用选择符来格式化XML文档。选择符一般为一个或多个XML标签,例如上面的book、name等,在花括号中为显示的属性和属性值,属性和属性值中间以冒号分开。使用CSS可以通过dispaly属性设置标签内容是否显示,属性值有none、block、inline、list-item。另外CSS还可以设置XML显示的字体、颜色、文本、边距、边框、填充以及定位显示。这些使用方法和在HTML中的使用是一样的,这里就不再详细说明。下一篇将说明如何使用XSLT模板化XML文档,请喜欢的朋友继续关注。
更多相关文章
- 详解根据xsd生成xml文档的示例代码分析
- 详解在XML文档中替换元素名称的方法(图)
- 详细介绍使用UTF-8对XML文档进行编码
- 使用XSL和ASP在线编辑XML文档的代码详解
- 应用名称访问XML文档的代码案例详解
- 详解xml文档正确格式的示例代码
- 应用CSS转换XML文档的代码详解
- XML文档类型声明
- 应用CSS转换XML文档的示例介绍