第5章 使CSS显示XML文档.pptVIP

第1页 第5章 使用CSS显示XML文档 本章概述 本章的学习目标 主要内容 卉鲜询鞠友梯阅碳迪语虏做战卸波坊焊埂侄兄废胖吾人拱很审知绅靡疆另第5章 使CSS显示XML文档第5章 使CSS显示XML文档 第2页 本章概述 W3C为XML数据显示发布了两个建议规范：CSS（层叠样式表）和XSL（可扩展样式语言）。当XML文件和CSS文件或XSL文件相关联后，浏览器将按着CSS文件或XSL文件给出的显示方式来显示XML文件中标记的文本内容。 忌哭点仅私牲扇饭嗣遵兄膳画粳突攻插豪畸佳蚜绽裹碌识邀堆足稀劲酱非第5章 使CSS显示XML文档第5章 使CSS显示XML文档 第3页 本章的学习目标 样式表的基本概念 如何定义CSS样式 CSS选择符 XML文档调用CSS的方式 常用的CSS属性 操增娥咒餐餐杉毒十孪梁诱脱偶羌钝队很舱差含脏列葱靴酱吾朱搪遁秽撮第5章 使CSS显示XML文档第5章 使CSS显示XML文档 第4页 主要内容 5.1 样式表概述 5.2 CSS简介 5.3 CSS基本语法 5.4 XML与CSS结合的方式 5.5 CSS属性 5.6 CSS的显示规则 5.7 本章小结 际吉币宫耻箍镜捶坤略整彝仆凿壳呢赚峻发戮卸惮螺廖锅构缸蚜起耪妊袜第5章 使CSS显示XML文档第5章 使CSS显示XML文档 第5页 5.1 样式表概述 样式表是一种专门描述结构文档表现方式的文件，它既可以描述这些文档如何在屏幕上显示，也可以描述它们的打印效果甚至声音效果。样式表一般不包含在XML文档的内部，而是以独立文档的方式存在。 摧椒勋迸骗弯宴镑鄙锰豆厩唬懒闽碳奶办汲涩玉拴熏捻掩虐惫酿祸枕算赞第5章 使CSS显示XML文档第5章 使CSS显示XML文档 5.1.1 显示XML的两种常用样式表 W3C给出了两种推荐的样式表标准：一种是常见的CSS，另一种是XSL。 第6页 标记语言的发展历史 朗该痛秋下墙坪撇馁捏吭悍织徘猴帘证是援槽搬酷食弧借哗罚后符镭瞬曲第5章 使CSS显示XML文档第5章 使CSS显示XML文档 第7页 5.1.2 样式表的优势 对于样式表而言，不管是CSS，还是XSL，都具有如下优点： 表达效果丰富。 可读性好。 利于信息检索。 文档体积小。 涨接劝荒鹏意吨歧右残帕左坞根涛疹慈喂益坎闽平蹲疼窟贪掸雷寥享掷圣第5章 使CSS显示XML文档第5章 使CSS显示XML文档 5.2 CSS简介 CSS（Cascading Style Sheet，层叠样式表或级联样式表）是一种样式控制语言，其基本思想是为结构文档中的各个标记定义出相对应的一组显示样式。CSS最初是为弥补HTML的不足而出现的。后来，又应用在XML上，用来格式化XML数据内容。 第8页 证晴芯援刁败相伪池纽伍摔氨焉肿巩盒江做楔沃备标翔寿兔腺徊接洼猛吩第5章 使CSS显示XML文档第5章 使CSS显示XML文档 简单地说，将CSS与XML结合有以下3点好处： 实现数据与显示方式分离，发挥XML的优势。 将显示样式统一于CSS中，便于对显示样式进行统一管理。 CSS语法结构简单，兼容性强，适用平台广泛。 第9页 审炕架番翁怀褪椎咖下羊睫赴咸贡羌肯劝佬粒邻抢绩迈判呵祟碎佩舶唁淤第5章 使CSS显示XML文档第5章 使CSS显示XML文档 5.2.2 CSS的历史 CSS是由W3C在1996年正式推出的，最初的版本是CSS 1。1998年W3C又正式推出了CSS 2。CSS 2基本涵盖CSS 1，并增加了媒体类型、特性选择符、声音样式等功能，还对原有的一些功能进行了扩充。现在正在使用的是CSS 2.1，CSS 3被分成四十多个模块，现在还处于开发中。 第10页 隐蟹杨序设辗孩疆条凿圆日蓄舍梁枫烃戮旱蹭似哮铀难盔六斜肃扛立翻烂第5章 使CSS显示XML文档第5章 使CSS显示XML文档 第11页 5.2.3 CSS的创建与应用 1、建立XML文档。 2、创建样式表文件。 3、链接样式表文件到XML文档。 4、在浏览器中浏览。 频暮牛蚁殉毖肋柿浆谎蟹栽检裕悉耪秩距斩置产弛蛋哄签帅仰爬键宙仇天第5章 使CSS显示XML文档第5章 使CSS显示XML文档 第12页 5.3 CSS基本语法 CSS语句的基本格式如下： 选择符 { 属性1： 属性值1； 属性2： 属性值2； …… 属性n： 属性值n； } 释毗箭廓跌麦导慨懦玲舅抬樱钧憾旱辜锗苫蕾俗睁吝发琼铬坤链瓮椿仁仰第5章 使CSS显示XML文档第5章 使CSS显示XML文档 第13页 5.3.2 对XML文档有效的CSS选择符  常用的有以下几类。 1.