使用CSS样式表格式化XML文档的详情介绍

互联网 17-3-21

这篇文章适用于有一定CSS基础的朋友们。如果你还没有CSS基础，可以到中文w3schools进行学习。

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文档，请喜欢的朋友继续关注。