6 第五讲 使用CSS格式化显示XML文件.pdf

第五讲 CSS技术简介 唐姗 计算机与信息学院软件工程系  XML是一种数据存储语言，它注重的是数据的结构，而没有 任何数据显示样式。因此，浏览器不能直接显示其中的文本 数据  如果想让浏览器只显示其中的数据，就需要借助于其它方法  W3C提供了两种通用的样式语言，即层叠样式表 （Cascading Style Sheet ，CSS）和可扩展样式语言 （eXtensible Style Language, XSL ） 2 内容提要  CSS 简介  XML 与CSS结合的方式  使用CSS格式化XML 文件 3 CSS技术简介  CSS （Cascading Style Sheet ，层叠样式表）是由W3C在1996年 正式推出的，最初的版本是CSS1 。1998年W3C 又正式推出了 CSS2  现在正在使用的是CSS2.1 。CSS3现在还处于开发中。CSS是一种 样式控制语言，用来设置字体样式等内容  最初是为弥补HTML的不足而出现的  后来，又应用在XML技术中，用来格式化XML数据内容。可以说 CSS就是一组规则的集合 4  CSS语法非常简单，组成CSS语法的元素只有CSS选择符与CSS 属性  每个CSS选择符由一个或多个CSS属性组成。基本格式如下： 选择符{属性:属性值} 5  在HTML 中，选择符可以有多种形式，如HTML标记、用户 自定义的ID值等，例如 body {color: black}  说明在body标记内，表示文本的颜色都是黑色  在XML 中，选择符可以是标记名称或标记名称的ID/CLASS 属性值。例如，通过ID和CLASS属性来设置样式，其代码 如下 book CSS 文件内容： name ID=“bookname”java/name #bookname {color:blue} author CLASS=“authorname”li/author .authorname {color:black} /book 6  如果一个选择符含有多个属性，则属性之间用分号“；” 隔开  如果有多个选择符具有相同的属性和属性值，则可以把这 些选择符组合起来书写，并用逗号将选择符分开 a,b,c {color: red}  在CSS语法中是不区分大小写的，但推荐使用小写 7 内容提要  CSS 简介  XML 与CSS结合的方式  使用CSS格式化XML 文件 8 XML 与CSS 结合的方式  XML 与CSS 的结合类似于XML 文件与DTD的结合