XML实用教程 教学课件 作者 丁跃潮 叶文来 第5章_使用CSS格式化XML.pptVIP

第5章 使用CSS格式化XML 了解CSS的作用 掌握CSS语法 掌握常见的CSS属性的设置 掌握在XML中使用CSS 掌握用XMLSpy2005编辑CSS文档的方法 5 使用CSS格式化XML 我们可以把所要使用的数据或信息写成一个XML文档。接下来的工作就是如何通过适当的形式把文档内容表现出来，CSS就是其中一个方法。由于CSS的表现功能丰富，而且灵活多变，因此在网页设计中倍受关注，当然用CSS来表现XML文档内容同样具备功能齐全，简单使用的特点。 5.1 CSS简介 CSS（Cascading Style Sheet)级联样式表，也称为层叠样式表，是用来进行网页风格设计的。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 5.1 CSS简介 XML创作工具也可以通过类似的方式使用DTD。一旦选择了DTD，创作工具就能够实施DTD中的规则，它根据DTD中说明的结构，仅允许用户在文档中添加DTD允许的元素或属性。 5.1 CSS简介 特点有以下： （1）在几乎所有的浏览器上都可以使用。 （2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。 （3）使页面的字体变得更漂亮，更容易编排。 （4）你可以轻松地控制页面的布局 。 （5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。 5.2 CSS的基本语法 样式表的建立要符合CSS规则，它们一般被定义成以下形式的句法： 标志{标志属性1:属性值1；标志属性2:属性值2；标志属性3:属性值3；标志属性4:属性值4；...} 其中标志不带尖括号，如P、Div、Table等而不是P、Div以及Table。 5.2 CSS的基本语法 标志属性：属性值，这是一一对应的，每个属性与属性值对之间用分号隔开。 在CSS中，凡属性名为两个或两个以上的单词构成时，单词之间以-隔开，比如，背景颜色属性background-color, 而在脚本中，对象属性则连写成backgroundColor，第二个单词首字母大写，如有三个单词则第三个单词首字母也要大写。 5.2 CSS的基本语法 在CSS中，有些属性可以表示多个属性的值 5.3 CSS的使用 在XML文档中，CSS文件的使用分为内部CSS的使用，外部CSS的使用以及内外CSS的使用 5.3 CSS的使用 5.3.1 内部CSS的使用 内部CSS是指将CSS样式直接嵌入到XML文档内部，为元素设置style属性，并在属性值中给出对其样式的定义。 语法如下： HTML:STYLE xmlns:HTML=名称空间名? ... ... /HTML:STYLE 5.3 CSS的使用 5.3.2 外部CSS的使用 外部CSS指的是在XML文档中通过引用外部CSS文档来定义文档的表现形式。 具体实现的方法是，在XML文档的开头部分写一个关于样式单的声明语句，如下： ?xml-stylesheet type=text/css href=mycss.css ? 5.3 CSS的使用 5.3.3内外结合CSS的使用 同DTD一样，使用CSS时也可以把内部CSS和外部CSS结合起来使用。因此这就产生了一个问题在对同一个XML元素设置样式时，如果内部CSS和外部CSS同时对XML文档中的元素进行设置，设置还对该元素的同一个样式进行设置时，这时就需要考虑样式表之间的优先等级。 5.4常用的CSS属性设置 字体属性 颜色与图像属性 文本属性 方框边界属性 5.5 CSS选择器 在使用CSS的时候，需要用来指定CSS规则适用于哪个元素的，这称为选择器（selector)。最普遍使用的选择器就是元素的名称。 对于几个不同的元素，他们具有相同的规则，可以把它们相同的规则合并在一起，构成一个带有多个选择器的规则中，再把其他各元素各自独特的格式放到各自的规则中。 5.6 CSS2新增功能 @规则 新增属性 其他伪类 5.7实例 设计XML文档 设计CSS级联样式表 显示结果 小结 使用CSS可以使得设计的XML文档在显示出来的时候更美观，更人性化。 CSS的语法简单，易学。 使用CSS我们可以对XML文档进行字体，字号，字体颜色，边框，填充，页面边界进行设置。 CSS2由W3C在1998年出版，它对XML和HTML文档格式化的功能比以前的CSS1更强大完