XML_NO5.ppt

1 第5章CSS与XML 2 章节结构 5 1CSS技术特点5 2如何使用CSS 3 5 1用样式表显示XML文件 样式表 Stylesheets 功能 提供一套显示模板 让其他的文件格式可借助对该类样式表的支持进行转换 最后产生可被浏览者理解的文件格式 利用样式表 可将XML中的数据转换为不同设备要求的显示格式 完全达到数据与显示分离 XML文件上用的样式表语言CSS CascadingStyleSheet XSL eXtensibleStylesheetLanguage 4 5 1 2CSS CSS CascadingStyleSheet 层叠样式表 也称为级联样式表 用来进行网页风格设计 在网页制作时 可以有效地对页面的布局 字体 颜色 背景和其他效果实现更加精确的控制 W3C指定主要为HTML文档设计目的就是定义文档内标记的样式句法 标志 标志属性1 属性值1 标志属性2 属性值2 其中标志不带尖括号 如P Div Table等 而不是 以及 标志属性 属性值 是一一对应的 每个属性与属性值对之间用分号隔开 5 为标记定义显示样式的基本语法 Selector property1 value property2 value Sector 选择器 提供CSS区块的名称 当其他文件中引用这个CSS选择器时 就会套用CSS选择器的设置 Eg 01 cssGREETING font size 48pt font weight bold 02 xmlHello 6 CSS常用属性Display属性块样式属性位置的样式属性颜色与背景样式属性字体样式属性文本样式属性 7 在XML中套用CSS语法 xml stylesheet保留字 代表XML文件要引用样式表Href 链接到样式表文件所在的URLType 值为 text css 代表被引用的文件格式 8 050103 cssHabookBook font family TimesNewRoman 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 9 050103 xml精彩XML精彩9214 23323 4 3Larry第1章XML进化论第一节XML来了 10 显示属性 DisplayList style typeList style position 11 盒子模型 12 Border 13 padding Padding用于控制Content与border间的距离 14 margin Margin指元素间的距离 15 元素定位 Float 16 背景图片 Boackgroud image url 图片文件名 17 图片重复 Background repeat repeat yY轴重复 18 背景图片位置 Background position bottomright30 70 19 固定图片位置 Background attachment fixed 20 Css文字样式 1 字体 21 2 字号绝对单位尺寸默认大小 22 3 文字颜色 23 4 文字粗细 24 5 斜体 25 6 文字下划线 顶划线 删除线 26 27 层叠样式表设置字体属性设置色彩和背景图像属性定义前景色定义背景色设置边界属性设置边框属性设置填充属性设置大小属性设置定位属性设置页面边界属性CSS信息参考http www w3 org style CSS 28 利用CSS设定XML文件的显示的缺点 CSS不能重新排序文档中的元素 CSS不能判断和控制哪个元素被显示 哪个不被显示 CSS不能统计计算元素中的数CSS主要适合HTML文件CSS的优点是简洁 消耗系统资源少 而XSLT虽然功能强大 但因为要重新索引XML结构树 所以消耗内存比较多 29 5 2XSL可扩充样式表语言 可扩展的样式表语言 eXtensibleStylesheetLanguage XSL 最早由W3C于1999年提出 它定义了如何转换和表示XML文档 XSL能够向输出文件里添加新的元素或者移动元素 也能够重新排列或者索引数据 它可以检测并决定哪些元素被显示 显示多少等 树状结构 30 XSL是XML专属的样式语言 分为两个部分 转换XML文档 XSLT 比较成熟 主要部分格式化XML文档 FO 不太成熟注意 XSL代表的是一种文件格式 XSLT与FO是应用在XML数据转换上的语言 XSLT与FO应该在XSL文件格式中 XSL文件格式的扩展文件名为 XSL 31 XSLTXSLT提供一套规则用于将一组元素描述的XML数据转换为另一组元素描述的文档 或者是将该数据转换为一种自定义的文本格式 它能够把数据从一种XML表示移到另一种表示 这种功能 使它成为基于XML的电子商务 电子数据交换的重要组成部分 XSLT可以将XML文档转换成其他表现形式 如 HTML PDF RTF 32 XSLT的特点显示与数据分离提供XML文件转换时的显示模板与规则 让XSL转换程序依照XSLT语言中的规则产生所需的文件格式RTF HTML CSV文件等 33 区分数据使用群体XSL根据权限等级要求 显示合适的数据 数据交换原始数据是以XML格式制作 可通过XSLT将数据转换为双方都认可的格式 34 5 2 4XSLT的基本架构 XSLT样式表是一个树状的XML结构 根元素XSLT基本结构 根元素 元素中指定了要引用的命名空间 指定转换后的文件格式与编码方式 真正提供显示模板的部分 35 XSLT的根元素作为XSLT声明的起始语法 有两个属性 Xmlns 声明XSLT所使用的命名空间版本号 代表要使用的XSLT命名空间的版本共有子元素12种 36 元素设置文件输入的相关属性语法 元素的5种属性 详见p94表5 1 37 050205 xslFirstXSLTMyFirstXSLTFile 38 5 2 6使用转换程序 利用文件050207 xsl转换050207 xml为所设计的模板HTMl文件的源文件是一起写在XSLT中的数据 39 XSL模板元素 XSL文档由一系列模板规则构成 一条模板规则有一个模式 使用时需要进行模式匹配模式匹配过程 XSL处理器在扫描XML文档时 会依次遍历该文档树状结构中的每一颗子树 在这个过程中 处理器试图找到与模板规则中的模式相符合的子树 如果找到 则将模板规则应用到这颗子树模式匹配可匹配如下内容 标记 新的数据或从源XML文档中复制的数据等 40 5 2 7声明显示模板 用于声明一个显示模板的起始符号 把数据放进该模板后 就会将数据内符合模板规则的部分显示出来语法 Match 指定XML文件中要套用这个显示模板的元素名称 41 050207 xslFirstXSLTMyFirstXSLTFile 42 转换后的HTML文件FirstXSLTMyFirstXSLTFile 43 5 2 8取得XML中的数据 元素用来取得XML元素中的数据语法 Xpaths是一种专门用来在XML文档中查找信息的语言 在XSLT中 XPath表达式返回4种类型值 结点集合 布尔值 数字和字符串XPath表达式将把当前上下文中任何title结点的原始内容以字符串的形式返回 斜线分隔父子结点 chapter title 代表只在当前上下文的chapter结点内直接检索title结点 可检索结点的父结点 title 会指向当前结点的父结点内的title结点 检索图书的标题 44 050208 xmlXMLBibleAdvanced9214 23323 4 3LarryChapter1EvolutionandXMLSection1XMLiscoming 050208 xslFirstXSLT 45 5 2 9套用显示模板 元素 告诉解译程序可以开始进行该元素的解译 如果有子元素将会进行子元素的解译语法 46 5 2 10一个完整的范例 eg 050212 xmleg O5o212 xsl 47 5 2 12隐藏元素 Password 48 小结 XML的结构XML有严格的语法结构 不符合XML语法的文档不能被解析器正确解析 49 作业 1 实例简介这里使用CSS 将存在XML文档中的一段文字以指定的格式显示出来 同时 为整