XML案例教程高职 教学课件 ppt 作者 眭碧霞 全书 第5章.ppt

第5章 使用样式表格式化XML文档,,,5.1 CSS概述 5.2 XML中引用CSS 5.3 使用CSS属性设置XML文档 5.4 元素定位 5.5 综合实例 5.6 本章小结 习题5,5.1 CSS概述 CSS是Cascading Style Sheet(层叠样式表)的缩写，它是万维联盟(W3C)在1996年制定并发布的网页排版样式标准，是网页排版标记语言CSS文档是纯文本文档，可以使用文本编辑器进行编辑CSS通过对选择符进行设定，实现对网页中的字体、颜色、背景、图片以及其他元素的统一控制CSS把表现样式文档和HTML文档或XML文档内容进行分离，简化了Web页面编写过程和网站维护的工作CSS在应用中具有两个不同层次的标准：CSS1和CSS2CSS1发布于1996年12月17日，提供简单样式机制，网页设计者通过附属样式对HTML表现进行描述CSS1的易读性和可写性都比较强CSS2发布于1998年5月12日，它包含CSS1所有的特色和功能，在多个领域进行了完善CSS2支持多媒体样式表，使用者能够根据不同的输出设备为文档定制不同的表现样式5.2 XML中引用CSS 链接CSS和XML文档有多种方式。

在XML文档中可以使用HTML:STYLE标记直接引用CSS显示XML元素，也可以使用处理指令xml:stylesheet将外部CSS引入到XML文档中格式化XML，还可以使用style属性在XML文档的元素标记内直接设置XML元素的显示格式5.2.1 内部CSS引用 可以使用HTML:STYLE标记创建内联样式，在XML文档中直接使用HTML:STYLE标记引用CSS格式化XML元素 内部CSS引用的语法格式如下： CSS样式指令 ,,【例5-1】 案例说明：使用内嵌CSS显示XML文档 程序名称：ch5-1.xml 01 02 03 04 05 Book {,,06 display:block; 07 background-color:#FFE4C4; 08 margin:5px; 09 padding-top:10px; 10 padding-bottom:30px; 11 padding-left:10px; 12 padding-right:10px; 13 } 14 Title { 15 display:block;,,16 text-align:center; 17 font-family:“华文隶书“,Arial,Helvetica,sans-serif; 18 font-wight:bold; 19 font-size:25px; 20 } 21 Author { 22 display:block; 23 text-align:center; 24 text-decoration:underline; 25 line-height:150%;,,26 font-family:Arial,Helvetica,sans-serif; 27 font-size:10px; 28 } 29 PubInfo { 30 display:block; 31 text-align:center; 32 text-decoration:underline; 33 line-height:250%; 34 font-family:Arial,Helvetica,sans-serif; 35 font-size:10px; 36 },,37 Abstract { 38 display:block; 39 text-indent:30px; 40 font-family:“楷体_GB2312“,Arial,Helvetica,sans-serif; 41 font-size:15px; 42 } 43 44 软件工程(第二版) 45 邓良松，刘海岩，陆丽娜 46 ,,47 西安电子科技大学出版社 48 2004-9-1 49 7-5606-0924-4 50 51 ￥ 52 22.00 53 54 ,,55 本书比较系统全面地介绍了软件工程的瀑布模型、增量模型、结构化方法、Jackson方法、面向对象开发方法。

全书共16章概述了软件工程、各种生存周期模型和开发方法 56,,案例分析：例5-1中的第02行使用处理指令xml-stylesheet声明使用CSS显示XML文档第03行声明了XHTML默认命名空间，第04行和第43行中的STYLE属于该命名空间第05行至第42行为CSS样式指令，该指令序列格式化显示第44行至第56行的XML文档程序ch5-1.xml的运行结果如图5-1所示图5-1 使用内部CSS显示描述图书信息的XML文档,,5.2.2 外部CSS引用 XML文档本身不含有样式信息，可以通过引用外部独立的CSS文件定义文档的表现形式具体的方法是，将CSS定义的样式存储为一个独立的文件，在XML文档的序言区使用操作指令引用外部CSS样式表 外部CSS引用的语法格式为： ,,对这一格式的说明如下： (1) type属性：指出使用的样式表种类，CSS样式表则为“text/css” (2) href属性指定外部CSS文件路径可以是通过网址标识的文件路径，也可以是具体的磁盘文件路径 (3) 独立存储的CSS文件通常使用扩展名 .css例5-2】 案例说明：描述图书信息的XML文档。

程序名称：ch5-2.xml 01 02 03 04 软件工程(第二版) 05 邓良松，刘海岩，陆丽娜 06 ,,07 西安电子科技大学出版社 08 2004-09-01 09 7-5606-0924-4 10 11 ￥ 12 22.00 13 14 ,,15 本书比较系统全面地介绍了软件工程的瀑布模型、增量模型、结构化方法、Jackson方法、面向对象开发方法全书共16章概述了软件工程、各种生存周期模型和开发方法 16,,例5-2中第02行引用例5-3中的外部CSS文件ch5-2.css格式化显示ch5-2.xml文档 【例5-3】 案例说明：使用外部CSS文档格式化例5-2中的ch5-2.xml文档程序名称：ch5-2.css 01Book { 02 display:block; 03 background-color:#FFE4C4; 04 margin:5px; 05 padding-top:10px; 06 padding-bottom:30px; 07 padding-left:10px; 08 padding-right:10px; 09 },,10 Title { 11 display:block; 12 text-align:center; 13 font-weight:bold; 14 font-size:25px; 15 font-family:“华文隶书“,Arial,Helvetica,sans-serif; 16 } 17Author { 18 display:block; 19 text-align:center; 20 text-decoration:underline;,,21 line-height:150%; 22 font-size:10px; 23 font-family:Arial,Helvetica,sans-serif; 24 } 25PubInfo { 26 display:block; 27 text-align:center; 28 text-decoration:underline; 29 line-height:250%; 30 font-size:10px; 31 font-family:Arial,Helvetica,sans-serif;,,32 } 33Abstract { 34 display:block; 35 text-indent:30px; 36 font-size:15px; 37 font-family:“楷体_GB2312“,Arial,Helvetica,sans-serif; 38 },,5.2.3 混合引用CSS 使用STYLE属性创建的内联样式和外部CSS引用样式混合使用。

当STYLE属性显示样式与外部CSS显示样式冲突时，浏览器优先使用文档中的STYLE显示样式例5-4】 案例说明：内嵌STLYE属性的XML文档 程序名称：ch5-3.xml 01 02 03 04 软件工程(第二版) 05 邓良松，刘海岩，陆丽娜 06 ,,,,07 西安电子科技大学出版社 08 2004-09-01 09 7-5606-0924-4 10 11 ￥ 12 22.00 13 14 ,,15 本书比较系统全面地介绍了软件工程的瀑布模型、增量模型、结构化方法、Jackson方法、面向对象开发方法全书共16章概述了软件工程、各种生存周期模型和开发方法 16,,例5-4中第02行引用例5-5中的外部CSS文档ch3-3.css格式化显示ch5-3.xml文档，第04行使用style属性直接格式化显示元素Title 【例5-5】 案例说明：使用外部CSS文件格式化例5-4中的ch5-3.xml文档程序名称：ch3-3.css 01Book { 02 display:block; 03 background-color:#FFE4C4; 04 margin:5px; 05 padding-top:10px; 06 padding-bottom:30px; 07 padding-left:10px; 08 padding-right:10px; 09 },,10 Title { 11 display:block; 12 text-align:center; 13 } 14Author { 15 display:block; 16 text-align:center; 17 text-decoration:underline; 18 line-height:150%; 19 font-family:Arial,Helvetica,sans-serif;,,20 font-size:10px; 21 } 22PubInfo { 23 display:block; 24 text-align:center; 25 text-decoration:underline; 26 line-height:250%; 27 font-family:Arial,Helvetica,sans-serif; 28 font-size:10px; 29 } 30 Publisher,PubDate,ISBN {,,31 display:inline; 32 } 33Price { 34 display:inline; 35 } 36Abstract { 37 display:block; 38 text-indent:30px; 39 font-family:“楷体_GB2312“,Arial,Helvetica,sans-serif; 40 font-size:15px; 41 。