第五章_使用CSS格式化XML.pptVIP

第五章 使用CSS格式化XML 5.1 链接CSS和XML文档 5.2 CSS基础语法 5.3 CSS中的属性设置 5.1 链接CSS和XML文档 示例:helloworld.xml helloworld.css示例:ch5-2.xml ch5-1.css ch5-3.css(数据的存储与数据的显示分隔开) CSS(层叠样式表)使用简单的规则(rule)来控制HTML元素在浏览器中的显示方式，自从XML诞生以来，CSS与XML结合得更为紧密。 使用CSS格式化XML需要按照以下的步骤进行：1.创建XML源文件2.创建格式化XML源文件的样式表文件3.在浏览器中查看应用 1. 创建XML文档 示例：lianxirenlist.xml 2. 创建CSS样式文件 示例：lianxirenlist.css 将相应的样式表文件与XML源文件关联起来。 5.2 CSS基础语法5.2.1 CSS语法概述 1.CSS语句的基本格式：选择符{属性1：属性值1；[属性2：属性值2；…]} 2.CSS中的注释 3.关于CSS中的大小写XML严格区分大小写，IE浏览器不对样式表中的字母区分大小写，因此在XML文档中可以使用相同名称但大小写不同的多个元素名，但在CSS中，将会被当作相同的元素。所以，使用CSS显示XML文档，要让文档中各种元素的名称完全不同。 4.CSS属性的继承性 5.在CSS中使用中文在CSS中为XML文档的各种元素设置显示格式时，设置语句中的XML元素名称不能使用中文，而只能使用由英文字母、数字、下划线等组成的元素名称。 5.2.2 使用CSS选择元素 1.同时选择多个元素CSS样式表中允许将一个规则同时应用于多个元素，在选择符中的多个元素使用逗号分隔。示例：ch5-4.xml ch5-4.css 2.伪元素通常伪元素是元素内容的第一个字符或是第一行，对伪元素可以使用不同的格式。（1）特殊化首字符(first-letter)（2）特殊化首行(first-line)示例：ch5-4.xml ch5-4.css 3.伪类CSS样式中，可以通过使用伪类来为相同元素的不同内容指定不同的显示样式。示例： ch5-4.xml ch5-4.css 4.ID属性与CLASS一样用于选择同一元素的不同对象。示例：ch5-4-id.xml ch5-4-id.css 5.STYLE属性在XML文档中直接使用样式，则需要用到STYLE属性。示例：ch5-5.xml ch5-5.css 6.上下文选择器在CSS样式表的选择器中，允许在元素名称前加一个父元素或其父元素的父元素的名称。此规则只适用于包含嵌套关系的元素中。包含在一个或多个嵌套元素名称的选择器叫做上下文选择器。示例：上下文选择器.xml 上下文选择器.css 5.2.3 @import指令 在CSS文档中引用保存于其他独立文档中的样式表。格式如下：@ import url(URL);URL是被引用样式表文件的地址 示例：ch5-6.xml ch5-6.css ch5-6import.css 5.3 CSS中的属性设置5.3.1 CSS属性与属性值 1.属性关键字CSS中某些属性值可以使用关键字来设置。如：font-style的值可以使用normal、italic、oblique关键字来指定。 2.颜色值与色彩设置有关的属性名称关键字包括:color，用于设置文本颜色；background-color，设置背景颜色；border-color，设置边框颜色。颜色属性值使用以下四种方法来表示： （1）英文颜色名称如red、blue、black等。 （2）使用RGB方法表示RGB是用Red、Green、Blue三种颜色的混合比例来表示某种颜色。常用英文颜色及其对应中文含义如下页所示。常用颜色及其对应的RGB颜色值如下页所示。 3.长度属性值可以使用三种方式表示：绝对长度、相对长度和百分数。绝对长度：使用标准的长度单位来精确地设定长度值，单位包括：pt(磅) in(英寸) cm(厘米) mm(毫米) pc(皮卡) 相对长度：Em:当前字体中字母m的宽度；Ex:当前字体中字母x的高度；Px:像素单位。比如：假设当前使用的字体是12号，那么此时em就是12号。一般情况下，浏览器的默认字体都是12号。如果更改了默认的字号，则em的值会相应调整。假设现指定H1标记符中的字体大小为1.5em，则浏览器在编译HTML时就会执行下列过程：(1)读取默认的字号大小值，比如12号；(2)读取相对的定义值 1.5em;(3)显示18号字体（12pt X 1.5=18pt)。 4.URL值CSS中的三