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