使用CSS格式XML文档.ppt

第4章使用CSS格式XML文档
CSS简介

CSS基本语法

CSS属性的设置

CSS的链接

CSS应用实例

掌握重点:
1、CSS基本语法
2、CSS属性的设置
3、CSS应用实例
CSS简介
CSS基本概念
CSS即层叠样式表或级联样式表,是目前在浏览器上按一定格式显示XML文档内容的主要方法之一。
CSS样式表中包含了一组设置元素显示样式的规则,最初被用来控制HTML文档内容的显示格式,同样能够用来控制XML文档内容的显示格式。
XML和HTML所采用的CSS语法是相通的,都是通过一组特定的属性设置来规定某个元素内容的显示格式。可设置的元素显示属性包括:文字的字型、字体、大小和颜色,元素内容在页面中的位置、是否分段、对齐方式,是否添加边框、背景、下划线等等。
创建专门的样式表文件,把控制元素显示格式的相关指令放在其中,使其与XML文档的数据内容分开,可以大大提高控制XML文档显示方式的灵活性,并可使得样式表本身更加容易维护。
相对于XSL(可扩展样式表语言)技术而言,采用CSS技术来显示XML文档的做法还是有局限性的。
CSS的创建与应用

例如,。

,可以使用“记事本”等文本编辑器来建立CSS样式表文件。
例如,,。

为了引用创建好的样式表文件来格式化显示XML文档的内容,必须将相应的样式表文件链接到这个XML文档中。对于上面的范例,:
<?xml:stylesheet type="text/css" href="" ?>
CSS基本语法
CSS语法概述

CSS语句的基本格式如下:
选择符{属性1:属性值1[;属性2:属性值2 …]}
其中:选择符(selector)用来指定该规则所适用的元素,由一个或多个元素名或特定的标识构成;紧跟其后的是用花括号“{ }”括起来的若干对属性名与相应的属性值,用来对选择符所指定的元素设置具体的显示样式。
注意:花括号中的每一个属性名与相应的属性值之间须用冒号“:”分隔;而各对属性之间则须用分号“;”隔开。

样式表文件也可以包含注释语句,添加注释文字有助于样式表更具可读性。注释语句由斜线加上星号“/*”作为开始,以星号加斜线“*/”作为结束,在这两个特定标记之间可以输入任何想要说明的文字。