《使用CSS格式化XML》由会员分享，可在线阅读，更多相关《使用CSS格式化XML（19页珍藏版）》请在金锄头文库上搜索。
1、第5章 使用CSS格式化XMLXML 文档的特点是将数据和数据的样式进行了分离，XML文档侧重于数据的存储和传播，数据的显示需通过其他的技术来实现，即层叠样式表CSS（Cascading Style Sheets）和可扩展样式表语言XSL。5.1 CSS技术简介CSS最初是用于制定HTML文档显示格式的，目前用来对XML文档进行简朴的样式规划。CSS的重要作用是定义一种标记或一类标记的显示样式，以便实现对于一种页面样式的独立管理。CSS称为“层叠样式表”的“层叠”的意义：当一种文档的两种或多种样式发生矛盾时，执行的效果要按照“层叠规则”来判断。层叠规则：如果标记的样式定义发生冲突时，接近标记的
2、定义将生效。一种CSS样式表就是一组规则。每个规则给出此规则所合用的元素的名称，和一组合用于此元素具体属性的值。例：book.cssbook display:block;font-size:22pt;name display:block;text-align:center;background-color:#aabb11;color:red;author,price,pubdate display:block;color:blue;例：book.xml XML语言及应用 华拴平 19.00 -01-01 5.2 链接CSS和XML文档5.2.1 使用xml:stylesheet解决指令使用cs
3、s:stylesheet需要按照如下环节：（1）创立XML文档；（2）创立格式化XML文档的样式表；（3）将CSS文档和XML文档结合起来，查当作果。一、外部样式文献（样式的直接指定法）：即直接指定某一标记的属性值。例5.1 四大名著.xml 红楼梦 曹雪芹 15.8 重要人物:贾宝玉，林黛玉，薛宝钗 西游记 吴承恩 35.2 重要人物:唐僧，孙悟空，猪八戒，沙僧 三国演义 罗贯中 23.5 重要人物:关羽，诸葛亮，曹操 水浒传 施耐庵 16.8 重要人物:李逵，鲁智深，高球 例5.2 四大名著.CSSbooks display:block;font-size:22pt;book displa
4、y:block; background-color: #ffbb11; color:blue; margin-top:10px name display:block; color:black; author display:block; color:red; price display:block;最后：将CSS文档和XML文档结合起来，查当作果：在XML头部加一条解决指令：解决指令，也可以：Type：指定样式文档的类型。Href：指定CSS文档的URL，该URL可以是本地途径或Internet的相对途径或绝对途径。绝对途径：注意：应用样式表的解决指令只能放在XML文档前言中的XML声明之后。
5、提示：的作用：（1）告诉IE这里不再使用XML文献的默认样式（树状构造图）。（2）告诉IE使用href指定的样式。问：元素中的价格和其文本内容为什么是蓝色的？提示：如果XML文档中有一种标记没有定义样式，则该标记将使用它的父标记样式，这种机制称为样式的继承。提示：如果没有指定子元素的字号、颜色等属性，则该元素将继承其父元素的属性，不备继承的属性一般有背景、边框等。二、将样式语句嵌入到XML文献当中即直接将样式语句写在XML文档内部。例：四大名著内部样式.xmlcharset GB2312booksdisplay:block;font-size:22pt;book display:block;
6、color:blue; margin-top:40px Name display:block; color:red; font-family: 楷体_GB2312; Author display:block; color:green; pricedisplay:block; 红楼梦曹雪芹 15.8 重要人物:贾宝玉，林黛玉，薛宝钗 阐明：表达style来自于html原则。charset GB2312，charset规则用来指定样式表使用的字符集，此处为Windows下的中文字符集GB2312。要设立中文字体必须有该指令，否则所有为浏览器默认字体，如IE默认中文字体为宋体（顾客也可以自定义）。c
7、harset规则只在外部样式表文献内使用，只容许使用一次，且必须为样式表的第一行。三、混合的措施指定样式可以综合使用上面两种措施给XML 文档添加样式，当所添加的样式中有些规则发生矛盾时，以内部措施定义的为主。例：四大名著混合样式.xml5.2.2 使用import指令和!important声明一、使用import指令Import语句是一种文献涉及功能，提供了一种将多种CSS文献集成一种CSS文献的途径。语法格式：import url(URL);其中：URL为被引用的样式单地址。注意：l import指令必须放在文献的开头，即任何规则之前。l 如果被引用的样式表中的格式与引用者的格式冲突，则引
8、用者中的格式优先。l 如果引用的多种外部样式表格式冲突，则就近使用其中的格式。l import指令末尾的分号（;）不能少。例 import示例.xml 信管061的帅哥 信管061 刘庆宇例 importschool.cssschool display:block; font-size:20pt; color:blue; margin-top:40px 例 importclass.cssimport url(importschool.css)Class display:block;monitordisplay:block; color:black;二、!important声明“!importa
9、nt”声明用于将规则声明为重要的。其作用是：可以变化默认样式的层叠规则。如把!important声明与属性连接起来，则该属性将不被覆盖。例 importschoolimportant.cssschool font-size:20pt;color:red!importantschool color:blue; 注意：属性与!important之间紧密相连。三、使用多种样式文献一种样式文献可以被多种XML文档调用，同步一种XML文档也可以调用多种样式文献。例 使用多种样式文献1.cssschool font-size:20pt;color:red;例 使用多种样式文献2.cssclass display:block;monitor display:block;color:green;修改 import示例.xml为例 使用多种样式文献.xml 信管061的帅哥 信管061 刘庆宇5.3 CSS样式的使用CSS样式表语法格式：选择符属性1:属性值1;属性2:属性值2; 阐明: 选择符:可以是多种元素、带有特定CLASS或ID特性的元素以及其他与元素内容有关的特殊选择符；属性：控制元素的多种特性。5.3.1 选择元素1、同步选择多种元素例 刘心武.xml 001 刘心武 男 This is age: 45/a
