我们可以在IE中查看XML文件中的内容,内容的显示和其原始格式一样,是一种层次结构,对于数据量比较大,结构比较复杂的XML文件来说,这种查看方式很不人性化。如果需要按照某种格式要求来显示XML中的数据,我们该怎么办呢?有一种方法,就是为其编写一支HTML文件,利用XML数据岛将XML中的数据引入到HTML中,用户透过HTML文件来查看XML中的内容。这种方法有个不足之处,就是如果用户还是直接使用IE打开XML文件,那么看到的还是XML中原始的格式。那么有没有什么办法可以让用户直接打开XML文件,看到的是符合我们要求的格式呢?答案是肯定的,那就是使用XML配合CSS(层叠样式表)。
熟悉HTML的朋友对CSS应该都不会陌生了,现在好多的网站都是使用HTML+CSS在对页面进行框架设计,这样不必修改HTML文件,只要配合不同的CSS文件,就可以得到不同的页面布局。同样,CSS也适用与XML文件。
以前写CSS中的选择器(如果对这个概念不熟悉,可以先查看一些CSS相关文档)往往是HTML中的标签,如Table、TR、TD、Div、H2、Span等等等等。如果想让CSS配合XML,就需要把选择器改成XML文件中的结点。有这样一支XML文件:
<?xmlversion="1.0"encoding="gb2312"?>
<books>
<bookid="0001"bookcategory="文艺"amount="150"remain="80"discount="8.7">
<title>三国演义</title>
<author>罗贯中</author>
<publisher>文艺出版社</publisher>
<isbn>0-765-58007-8</isbn>
<price>80</price>
</book>
<bookid="0002"bookcategory="文艺"amount="100"remain="70"discount="9.8">
<title>红楼梦</title>
<author>曹雪芹</author>
<publisher>三秦出版社</publisher>
<isbn>0-765-58007-9</isbn>
<price>22</price>
</book>
<bookid="0003"bookcategory="文艺"amount="120"remain="60"discount="8.5">
<title>西游记(上下册)</title>
<author>吴承恩</author>
<publisher>人民文学出版社</publisher>
<isbn>0-765-58007-3</isbn>
<price>40.12</price>
</book>
</books>
里面存放了一些图书信息,每本书都有title、author、isbn等信息,我们想让书名(title)以粗体显示,我们需要在CSS文件中加入:
title{
font-weight:blod;
}
“title”正是XML文件中书名结点元素名称。CSS文件写好了,XML怎么知道要使用CSS来显示自己的数据呢?和HTML一样,我们需要在XML文件中加入对CSS文件的引用。XML引用CSS文件的方式在根结点之前加
<?xml-stylesheettype="text/css"href="Test07.css"?>
大功告成了!!!用户只需双击XML文件,即可以IE中看到按照引用的CSS文件中的样式显示的数据了。
以上只是一个简单的例子,目的在于说明如何使用CSS定义XML的显示格式。大家可以此为鉴,写出更加丰富漂亮的CSS。
版权声明:本文为博主原创文章,未经博主允许不得转载。
相关推荐
这是对XML与css的学习,里面有源代码,可以复制粘贴的,欢迎过来采纳哦
主要实现的是XML与CSS、XML与XSL及在页面中直接调用XML的数据,原理很简单。
主要是使用xml+css+xsl写的个人简历,用于课程设计,拥有完整的项目代码
xml+css小例子,描述xml如何使用CSS来作为他的显示方式
网页设计相关HTML XML CSS XHTML等资料
精通ASP+XML+CSS网络混合开发教程源码
XML HTML CSS XSL Web编程实作教程.rar XML HTML CSS XSL Web编程实作教程.rar XML HTML CSS XSL Web编程实作教程.rar
CSS与XML的综合运用 - CSS与其他技术CSS与XML的综合运用 - CSS与其他技术CSS与XML的综合运用 - CSS与其他技术
精通ASP+XML+CSS网络开发混合编程
该资源是利用JSP和Javabean编写的一个小型的BBS论坛.数据资源采用XML存储,可以直接部署在TOMCAT下运行.
树型结构(javascript+dom+xml+css) 它是现在比较流行的一种技术,我花了一个星期的时间才做出来,和你们以前所做的树有是不一样的啊
书面向当前网络开发黄金架构JSP+XML+CSS,整合Java开发中最流行的编程语言、IDE工具、WebServices,全面剖析Java开发核心架构、数据描述与传输技术、数据表现技术的关键。本书以循序渐进、由浅入深的讲解方式,由各...
精通ASP+XML+CSS网络开发混合编程源文件
精通ASP.NET+XML+CSS网络开发混合编程源码
精通JSP+XML+CSS网络开发混合编程 part2 jsp,网络编程,源代码,xml,css
精通JSP+XML+CSS网络开发混合编程.part1.rar
精通JSP+XML+CSS网络开发混合编程.part2.rar
使用CSS格式XML文档使用CSS格式XML文档使用CSS格式XML文档
CSS可以控制HTML的样式,也可以控制XML的样式
CSS3.0手册+HTML5手册+HTML教程+XML手册 .