小编给大家分享一下使用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文档,效果如下图:
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>作者学路的小孩> 作者 7 <日期> 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文档的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!