使用CSS格式化XML.pptVIP

使用CSS格式化XML 目标 章节目标： 通过本章学习，你应该能够： 了解CSS层叠样式表语言 掌握CSS层叠样式语言规则 掌握使用CSS层叠样式表语言对XML进行美化 掌握常用CSS层叠样式表语言的属性设置 运用CSS层叠样式表语言完成指定实例 引言 XML的最大特点在于存储数据本身，因此XML文档具有描述、储存和共享各种数据等的诸多优点。然而单纯的XML文档中并不包含数据的显示格式信息。我们要将XML文档中所包含的数据更好的显示出来，便于人们的阅读和使用，就需要使用特定的样式表语言来对这些数据进行显示输出，即进行显示描述。 XML数据的最终使用方式由应用程序（如浏览器）来完成。数据在浏览器中的显示方式通常由样式表来控制。XML为用户提供了两种样式表：层叠样式表（Cascading Style Sheet，CSS）和可扩展样式表转换语言（Extensible Stylesheet Language Transformation，XSLT）。在本章中，你将学会使用CSS层叠样式表语言来实现对XML源代码进行显示控制。 格式化XML的原因 什么是CSS CSS（Cascading Style Sheets,层叠样式表）是W3C于1996年公布的一个样式控制语言，它使用简单的规则(rule)来控制HTML元素在浏览器中的显示方式。自从XML诞生以来，CSS与XML结合得更为紧密。由于在HTML中所有元素都是预先定义好的，而XML中的元素都是用户自己定义的，可以更充分利用CSS的强大功能。 1998年W3C对修订的CSS规范进行了公布，该规范称之为CSS LEVEL2，即CSS2，而将原有的CSS称为CSS LEVEL1，即CSS1。CSS2基于CSS1，包含了CSS1所有的特色和功能，并且在多个领域进行了完善，使得WEB对内容提供者和用户都具有很强的吸引力。通过将控制显示的文档和保存数据的文档进行分离，CSS2简化了WEB编写和网站的维护。CSS2支持多种媒体样式表，用户可以根据不同的输出设备为XML数据文档定制不同的表现样式，如浏览器、打印机、PDA等。值得一提的是CSS1只能用于控制XML文档中的元素，不能对属性进行操作。CSS2中增加了对元素属性的处理功能。 链接CSS和XML文档 使用CSS来格式化XML需要按照下面的步骤进行： 创建XML源文档 创建格式化XML源文档的样式表文件 在浏览器中查看应用样式表后的结果 创建XML文档 例6.2 lianxirenlist.xml文档 ?xml version = 1.0 encoding=GB2312 standalone = no? lianxirenlist lianxiren xingming张扬/xingming ID001/ID gongsi四川成都和讯通信一公司/gongsi EMAILzhangyang@/EMAIL dianhua(028dianhua dizhi jiedao抚琴街道/jiedao chengshi成都市/chengshi shenfen四川省/shenfen /dizhi /lianxiren …… 创建CSS样式文件 例6.3　应用于例6.2的CSS样式表文件 /* file lianxirenlist.css */ lianxiren { display:block; block;margin-top: 10px; } xingming { display:block;font-size:16pt; font-weight: bold } ID{ font-size:24pt;font-style:italic;color:red; } EMAIL{font-size:30pt;color:blue;text-decoration: underline;} dizhi{background-color: #666666;color:#ffffff;} 为了引用创建好的样式表文件来格式化XML源文档的内容，必须将相应的样式表文件与XML源文件关联起来，即将CSS文件链接到XML源文档中。对于例6.2来说，只需要在其申明部分添加下面加粗部分的链接语句即可： ?xml version=1.0 encoding=GB2312 standalone=no? ?xml-stylesheet type=text/css href=lianxirenlist.css?