ch5 XML文件的显示.ppt

第五章 XML文档的显示 学 习 目 标 掌握CSS语法 掌握XSL语法 理解Xpath数据模型 理解Xpath定位步骤 理解XSL的转换原理 掌握XSL模板规则和调用方式 掌握XSL常用的控制指令 XML关于文档浏览的基本思想是将数据和数据的 显示分别进行定义。这样，XML的编写者可以集中 精力与数据本身，而不受显示方式等细枝末节的影 响。定义不同的样式表可以使相同的数据呈现不同 的显示外观，而从适应不同的应用。 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一个 CSS的基本使用【重点掌握】 CSS可以控制XML文档的显示，也可以 控制HTML文档的显示。使用CSS有如下三 种方式： 引入外部样式文件 使用内部样式定义 使用内联样式 引入外部样式文件 这种方式将样式彻底与HTML和XML文档分 离，样式表单文件需要额外引入。一批样式可以 控制多份文档。 在HTML中引入CSS文档：在该页面的head…/元素内插入如下link…/子元素 使用内部样式定义 这种方式是在HTML和XML文档头定义样式单。在 这种方式下，每批CSS样式只对一份文档有效。 在HTML文档中，内部CSS样式需要放在style…/ 元素中定义，该元素必须放在head…/元素内，作 为它的子元素。语法格式如下： 使用内联样式 内联CSS样式只对单个标签有效，可以精确控 制某个HTML和XML元素的外观表现。为了使用 内联CSS样式，几乎所有的元素都增加了一个 style核心属性，它的属性值就是一个或多个 property:value组合。语法格式如下： CSS的基本语法 每份样式单文件都会包含一个或多个样式定义，CSS 的样式定义总是如下形式： CSS选择器 根据css选择符的用途可以将选择器分为 类选择器 ID选择器 标记选择器 伪类选择器 层次选择器 类选择器 类选择器用来为一系列标记定义相同呈现方 式，基本语法格式如下： ID选择器 这是一个精确控制的选择器，指定CSS样式定 义将会作用于页面中具有指定ID的元素。它的基 本语法格式如下： ID选择器 一般来说，id属性值在文档中是唯一的。因 此，定义ID选择器可以简写如下形式： ID选择器 与类选择器相比，使用ID选择器是有一定的局限 性的。类选择器与ID选择器主要有以下两个区别。 类选择器可以给任意数量的标记定义样式，但ID选择器在页面的标记中只能使用一次 ID选择器比类选择器具有更高的优先级，即当ID选择器与类选择器发生冲突时，优先使用ID选择器 标记选择器 选择器最基本的形式如下所示： 样式表的层叠性 层叠性就是继承性，指的是外部的元素样式会 保留下来给这个元素所包含的其他元素继承。如 样式表的层叠性 当继承遇到冲突时，总是以最后定义的样式为准。 同样对大多数CSS属性也是如此。事实上，唯一 不被继承的属性就是背景和边框属性。 CSS与XML建立联系 在xml中使用css样式有两种：一种是嵌入式， 一种是引入式. 在XML中引入CSS CSS与XML建立联系 在XML中嵌入CSS代码 需要在XML文件中加入一条处理指令和定义样 式的代码。 使用CSS样式表的说明 虽然外部与内部CSS样式均可使用,但强 烈建议使用外部CSS样式表: 符合数据表示与数据显示相分离的要求 外部CSS文件能同时被多个XML使用 使用内部CSS会破坏XML文档的可读性 结论 CSS是W3C指定的样式单标准之一，它最初是 为HTML文档设计的。CSS主要用于控制HTML 文档的显示格式，也可以用来控制XML文档的显 示格式 定义CSS并不困难，要掌握以下两个语法 如何定义Selector CSS支持哪些样式属性，每个样式属性支持哪些值 XSL概述 XSL(Extensible Stylesheet Language)是由W3C 专门为XML所制定的，主要是将一份XML文档转换 为另一份结构化文档（HTML或XML）。 XSL文档实际上是XML文档的一种延伸，是依据 XML制成的样式语言。通过XSL文档可以对XML进 行XML进行样式设置、计算、整理和排序等。 XSL的转换原理【重点掌握】 把XML文档做为一个存储数据的树来看待,称为 源树,XML文档的根元素和子元素可以看做是树的 节点。XSL是根据需要把这些存放数据从XML 树从提取出来，组成一个新的树，也就是结果树。 结果树和源树是独立存在的，对结果树中的数据 进行操作不会影响到源树中的数据。 注意：