第7篇 使用CSS设置XML样式.pptVIP

第7章 使用CSS设置XML样式 7.1 CSS简介 --7.1.1 CSS的基本知识 XML 文档的特点是将数据和数据的样式进行了分离，XML文档侧重于数据的存储和传输，数据的显示需通过其它的技术来实现，即样式表。 样式表(StyleSheet)是一种专门描述结构文档表现方式的文档，是用于(增强)控制网页样式一种标记性语言。是一组规则，既可以描述这些文档如何在屏幕上显示，也可以描述它们的打印效果，甚至声音效果。 7.1 CSS简介 --7.1.1 CSS的基本知识 一个CSS样式表就是一组规则。每个规则给出此规则所适用的元素名称，和一组适用于此元素具体属性的值。 例如：【例7-1（b）】显示图书信息表的CSS文档。 7.1.2 CSS样式表的创建与应用 【例7-1（a）】图书信息表的XML文档。 ?xml version=1.0 encoding=gb2312? !--文件名：例7-1(a).xml-- book-info book title计算机网络教程/title type计算机/type author谢希仁/author /book book title西游记/title type文学/type author吴承恩/author /book /book-info 7.1.2 CSS样式表的创建与应用 【例7-1（b）】显示图书信息表的CSS文档。 例7-1.css @charset GB2312; book {display:block; font-size:15pt; color:red;} title {display:block; text-align:center; background-color:#ffffbb; font-family: 楷体_GB2312; font-size:30pt; color:blue; } type,author {display:block;} 链接CSS和XML文档 CSS作为独立的文本文档，使用时必须和独立的DTD一样，通过指令和相应的XML文档关联起来. 语法格式为： ?xml-stylesheet type=text/css href=CSS样式表的URL ? 说明： ?xml-stylesheet ：该语句为处理指令，该指令告诉解析器显示该XML文档时使用后面属性中指定的样式表。 type属性：指定采用的样式文件的类型，对CSS样式表来说，其值为text/css，对XSL样式表来说，其值为text/xsl。 href属性：指定所引用的样式表的URL。 绝对路径： ?xml:stylesheet type=text/css href=“c:\example\ch7-1.css? 相对路径： ?xml-stylesheet type=text/css href=例7-1.css? 链接CSS和XML文档 语法格式为： ?xml-stylesheet type=text/css href=CSS样式表的URL ? 说明： 如果引用的CSS文件的路径无效，找不到引用的CSS文档，或调用的是空白的CSS文档，IE等多数浏览器会以树状显示源XML文档。 问：book元素中的类别和作者为什么是红色的？ 提示：如果XML文档中有一个标记没有定义样式，则该标记将使用它的父标记样式，这种机制称为样式的继承。 将样式语句嵌入到XML文件当中 【例7-1（c）】使用内部样式指令图书信息表的XML文档。 文件名：例7-1(c).xml ?xml version=1.0 encoding=gb2312? ?xml:stylesheet type=text/css ? book-info xmlns:html=/Profiles/XHTML-transitional html:style @charset GB2312; book {display:block; font-size:30pt;} title {display:block; text-align:center; background-color:#ffffbb; font-family: 华文行楷; font-size:30pt; color:blue; } type{display:block;font