XML NO5.ppt

第5章 CSS与XSLT样式表 章节结构 5.1 CSS与XSLT样式表5.2 可扩充样式表语言XSL 5.1 用样式表显示XML文件 样式表（Style sheets） 功能：提供一套显示模板，让其他的文件格式可借助对该类样式表的支持进行转换，最后产生可被浏览者理解的文件格式。 利用样式表，可将XML中的数据转换为不同设备要求的显示格式，完全达到数据与显示分离。 XML文件上用的样式表语言 CSS(Cascading Style Sheet) XSL（eXtensible Stylesheet Language） 5.1.2 CSS CSS(Cascading Style Sheet)：层叠样式表，也称为级联样式表，用来进行网页风格设计。 在网页制作时，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。 W3C指定 主要为HTML文档设计 目的就是定义文档内标记的样式 句法：标志{标志属性1:属性值1;标志属性2:属性值2;…} 其中标志不带尖括号，如P、Div、Table 等，而不是P、Div以及Table。 “标志属性:属性值，”是一一对应的，每个属性与属性值对之间用分号隔开。 为标记定义显示样式的基本语法： Selector { property1:value; property2:value; … } Sector：选择器，提供CSS区块的名称，当其他文件中引用这个CSS选择器时，就会套用CSS选择器的设置。 Eg. 01.css GREETING { font-size: 48pt; font-weight: bold; } 02.xml ?xml version=1.0 encoding=GBK? ?xml-stylesheet type=text/css href=“5-01.css? GREETING Hello！ /GREETING CSS常用属性 Display属性 块样式属性 位置的样式属性 颜色与背景样式属性 字体样式属性 文本样式属性 在XML中套用CSS 语法： ?xml version=“1.0” encoding=“gb2312”? ?xml-stylesheet href=“cssfile.css” type=“text/css” ? element !--xmldata--/ element xml-stylesheet保留字，代表XML文件要引用样式表 Href：链接到样式表文件所在的URL Type：值为“text/css” 代表被引用的文件格式 050103.css HabookBook { font-family:Times New Roman; font-size:22pt; font-style:italic; color:black; } SetName,Author { font-size:16pt; font-style:normal; color:gray; } ISBN { font-family:Arial; font-size:16pt; color:blue; } BookData { font-style:normal; font-size:12pt; } SectionName { font-size:10pt; } 050103.xml ?xml version=1.0 encoding=gb2312? ?xml-stylesheet href=05_01_03.css type=text/css ? HabookBook BookName精彩XML/BookName SetName精彩/SetName ISBN9214-23323-4-3/ISBN AuthorLarry/Author BookData ChapterName第1章 XML进化论/ChapterName SectionName第一节 XML来了/SectionName /BookData /HabookBook 层叠样式表 设置字体属性 设置色彩和背景图像属性 定义前景色 定义背景色 设置边界属性 设置边框属性 设置填充属性 设置大小属性 设置定位属性 设置页面边界属性 CSS信息参考/style/CSS 利用CSS设定XML文件的显示的缺点： CSS 不能重新排序文档中的元素； CSS 不能判断和控制哪个元素被显示，哪个不被显示； CSS 不能统计计算元素中的数 CSS主要适合HTML文件 CSS 的优点是简洁，消耗系统资源少。而XSLT 虽然功能强大，但因为要重新索引XML 结构树，所以消耗内存比较多 5.2 XSL可扩充样式表语言 可扩展的样式表语言(eXtensible St