使用CSS样式表格式化XML文档的示例分析-创新互联

小编给大家分享一下使用CSS样式表格式化XML文档的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

    1、XML中引入CSS样式。

    在XML中引入CSS样式表有两种方法。一种是在XML文档中直接嵌入CSS样式；另一种则是外部引入（似乎在WEB中很多引入的方式都有这两种）。在XML中直接嵌入CSS样式的方法如下：

1 
 2 
 3 
 4   
 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   
23   
24     Xml应用系列
25     学路的小孩
26     2009-03-23
27   
28 

    代码说明：第一行是XML文件的头部声明，作为一个格式良好的Xml文档，都应该添加头部的声明信息。第二行是CSS样式的声明，其中，xml-stylesheet的意思是为XML文档添加样式表，type="text/css"的意思是样式表的类型是CSS样式表。第四行和第二十二行中间的内容则是CSS样式的内容，其中第四行用来声明添加CSS代码，第二十二行则是它的封闭标签。后面的几行是XML文档的内容。在添加了CSS样式之后，我们在IE中打开这个XML文档，效果如下图：

第二种方式是外部引用。外部引用的代码示例如下：

1 
2 
3 
4   
5     Xml应用系列
6     学路的小孩
7     2009-03-23
8   
9 

    代码说明： 第一行为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文档，请喜欢的朋友继续关注。

以上是“使用CSS样式表格式化XML文档的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联成都网站设计公司行业资讯频道！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。