第5章XML文件的显示.ppt

第5章 XML文件的显示—CSS和XSL
第5章XML文件的显示
呈现XML 文件
原始的XML文件可以用IE (或者更高的版本)或者Netscape 6来察看,但是如果希望让XML文档象Web页那样显示就必须添加一些额外的显示信息。
第5章XML文件的显示
样式表简介
为什么需要样式表
XML数据本身并不包含数据显示的信息
什么是样式表
描述结构文档表现方式的文档
使用样式表的意义
数据或内容与表示层分开
W3C推荐的样式表标准：
CSS级联样式表
XSL可扩展样式表
第5章XML文件的显示
样式表
定义：包含一个或多个XML文档的格式化规则的文档。包含指示WEB浏览器如何将原文档的结构翻译为一个能够显示的结构的代码。
任务：
将XML文档转换为另一种结构
描述如何表达被转换的信息
第5章XML文件的显示
级联样式表CSSCascading Style Sheets
是一个文本，包含特殊元素格式特征的一个或者更多的规则和定义。它控制XML文档和HTML文档中的标签如何被格式化。
第5章XML文件的显示
Css的作用？
1. 能把XML文档翻译成特定的目标，将XML文档转换成另一种结构。包括：
创建一个不变的文本（比如标签和标题）
指定提取所需数据的过滤器
改变元素和属性的顺序
排列内容
完成复杂的转换，根据存在的内容计算值
2. 描述如何表达被转换的信息。包括：
屏幕或页面的布局
将转换的内容分配成列表和段落
属性的规范（例如间距、页边框、对齐和字体）
第5章XML文件的显示
CSS的语法
语法如下：
elementname{
property1：value;
property2：value;
}
Elementname指定元素的名字
Property1和 property2为属性名
Value指定属性名的不同的值
第5章XML文件的显示
CSS示例
<?xml version=""?>
<xsampdoc>
<greeting>Hello,
<extension>there!</extension>
</greeting>
<answer class="ans">
<extension>
Good morning!
</extension>
<question>
How are you?
</question>
</answer>
</xsampdoc>
xsampdoc
{
color:navy; display:block
}
greeting
{
font-family: Arial;font-size: 32pt;
width: 30em; color: red
}
question
{
font-size: x-large;color: black
}
answer
{
font-size: 20pt;color: blue
}
第5章XML文件的显示
字体属性
第5章XML文件的显示
CSS的局限
CSS可以格式化XML文档，能够很好的控制输出的样式，比如色彩、字体、大小等，只能是文档的样式或外观。
CSS不能重新排序文档中的元素。
CSS不能判断和控制哪个元素被显示，哪个不被显示。
CSS不能统计计算元素中的数据。
第5章XML文件的显示