使用CSS样式表格式化XML文档的示例分析

  介绍

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

,,1、XML中引入CSS样式。

,,在XML中引入CSS样式表有两种方法,一种是在XML文档中直接嵌入CSS样式;另一种则是外部引入(似乎在网络中很多引入的方式都有这两种)。在XML中直接嵌入CSS样式的方法如下:

1,& lt; ? xml  version=?.0“,编码=皍tf-8" ?比;   ,2 & lt; ? xml-stylesheet 类型=拔谋?css" ?比;   ,3 & lt; xml>   ,4,,& lt; HTML: STYLE  xmlns: HTML=癶ttp://www.w3.org/profiles/XHTML-transitional"比;   ,5,,,,书{   ,6,,,,,,显示:块;   ,7,,,,,,背景颜色:# FFE4C4;   ,8个,,,,,,保证金:5 px;   ,9日,,,,}   10个,,,,,名字{   11,,,,,,,显示:块;   12,,,,,,,行高:30 px;   13,,,,,}   14日,,,,,{作者   15,,,,,,,显示:块;   16,,,,,,,行高:30 px;   17日,,,,,}   18岁,,,,,{日期   19日,,,,,,,显示:块;   20,,,,,,,行高:30 px;   21日,,,,,}   22,,,& lt;/HTML: STYLE>   23日,,,& lt; book>   24,,,,,& lt; name> Xml应用系列& lt;/name>   25岁,,,,,& lt; author>学路的小孩& lt;/author>   26日,,,,,& lt; date> 2009 - 03 - 23 & lt;/date>   27,,,& lt;/book>   28日,& lt;/xml>

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

使用CSS样式表格式化XML文档的示例分析”>,,</p> <p>第二种方式是外部引用。外部引用的代码示例如下:</p> <pre类= 1,& lt; ? xml  version=?.0“,编码=皍tf-8" ?比;   2,& lt; ? xml-stylesheet 类型=拔谋?css", href=https://www.yisu.com/zixun/癰ookstyle.css”?>   xml> 3 <4 <书>   5 <名称> Xml应用系列   <6>作者学路的小孩> 2009-03-23   8   9

,,<强>代码说明:第一行为Xml文档的声明;第二行中添加了一个href属性,它表示引入外部的CSS文件,文件的名字是bookstyle.css。后面的几行是Xml文档的内容。我在bookstyle。css中写入的样式如下:

,1,,,,,书{   ,2,,,,,,显示:块;   ,3,,,,,,背景颜色:灰色;   ,4,,,,,,保证金:5 px;   ,5,,,,}   ,6,,,,名字{   ,7,,,,,,显示:块;   ,8个,,,,,,行高:30 px;   ,9日,,,,}   10个,,,,,{作者   11,,,,,,,显示:块;   12,,,,,,,行高:30 px;   13,,,,,}   14日,,,,,{日期   15,,,,,,,显示:块;   16,,,,,,,行高:30 px;   17日,,,,,}

,,这个样式跟第一个样式的唯一区别就是背景改为了灰色,在IE中显示的效果为:

使用CSS样式表格式化XML文档的示例分析”>,,</p> <p> 2, CSS设置XML文档的显示效果</p> <p>,,CSS中使用选择符来格式化XML文档。选择符一般为一个或多个XML标签,例如上面的书,名字等,在花括号中为显示的属性和属性值,属性和属性值中间以冒号分开。使用CSS可以通过显示属性设置标签内容是否显示,属性值有,没有一个块,内联,列表项。另外CSS还可以设置XML显示的字体,颜色,文本,边距,边框,填充以及定位显示。这些使用方法和在HTML中的使用是一样的,这里就不再详细说明,下一篇将说明如何使用XSLT模板化XML文档,请喜欢的朋友继续关注。</p> <p class=以上是“使用CSS样式表格式化XML文档的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

使用CSS样式表格式化XML文档的示例分析