运用CSS样式表格式化XML文档的概况引见【XML教程】,CSS，XML，表格式化

这篇文章适用于有肯定 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文档，请喜好的朋侪继承关注。