XML实用教程_第6章_层叠样式表解答.ppt

第6章 层叠样式表 概述 教学提示：XML为存储结构化数据提供了强大的方法，但是它没有提供关于数据如何显示的信息，这实际上是XML的优点：数据的结构完全与数据表示无关。当有必要表示格式化XML文件中的数据时，格式化的详细信息放置在层叠样式表CSS中。 教学目标：理解层叠样式表CSS的概念，掌握层叠样式表CSS的方法，掌握CSS与XML结合的方法，学会综合运用CSS。 6.1 CSS简介6.2 设置字体属性6.3 设置色彩和背景图象属性 6.4 设置边界属性6.5 CSS2新增功能6.6 综合实例 6.1 CSS简介 CSS?是用于为XML数据定义显示参数的一种技术，它利用简单的规则来控制元素内容在浏览器中的表现方式。CSS最初是被开发来为HTML文档指定显示的，同时也适合于XML数据。样式表中的显示规范与XML数据分离，这意味着相同的数据通过应用不同的样式表可以以不同的方式显示。同样，相同的样式表可以应用到多个XML文件。 6.1.1 CSS的概念 CSS（Cascading Style Sheet）层叠样式表，也称为级联样式表，是用来进行网页风格设计的。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 6.1.2 CSS的使用 1. CSS基本语法 2. 一个无CSS样式表XML文件 3. 一个使用CSS样式表XML文件 1. CSS基本语法 CSS的规则是通过属性与属性值来共同设定。属性名称是CSS的关键字，如font-family(字体)、font-size(文字大小)、display(显示属性)、color(颜色)等。属性用语指定元素某一方面的特性，而属性值则用于指定元素的特性的具体特征。 样式表的建立要符合CSS规则，它们一般被定义成以下形式的句法： 标志{标志属性1:属性值1;标志属性2:属性值2;标志属性3:属性值3;...} 2. 一个无CSS样式表XML文件 【例6.1】这是一个没有应用层叠样式表的XML文档，code6_1.xml ?xml version=1.0 encoding=gb2312 ? poem name望庐山瀑布/name writer唐.李白/writer content日照香炉升紫烟/content content遥看瀑布挂前川/content content飞流直下三千尺/content content疑是银河落九天/content /poem 2. 一个无CSS样式表XML文件 3. 一个使用CSS样式表XML文件 在XML文档的开头部分写一个关于样式单的如下声明语句： ?xml-stylesheet type=text/css href=mycss.css ? 也可以使用完整的URL指定CSS样式表文件，像下面这个例子： ?xml-stylesheet type= text/css href=/file/mycss.css ? 一个使用CSS样式表XML文件 一个使用CSS样式表XML文件 6.2.1 font属性集 1. font属性的分类 font属性通常用于设置指定字体的风格、大小、亮度等参数。该属性在XML样式表分类中属于通用字体类，由CSS样式表定义。font属性的常见子属性见表6.1 表6.1 font属性的常见子属性 2. font属性的用法 和常见的CSS属性设置类似，font属性使用示例如下： element{font-style:italic;font-size: 20pt; font-family: 楷体_gb2312;} 3. 字体字型font-family属性 font-family属性用于指定字体名称，属性值使用逗号分隔的字体名称。如果字体名称中出现空格，必须使用双引号将字体括起来，如“Times New Roma”。 font-family属性可用的值取决于用户系统中已经安装了的字体，在Windows系统的安装目录下单位的“fonts”文件夹中保存了系统安装的所有字体。 font-family属性的参数值可以有几个，在指定font-family属性的时候，可以同时指定几个字符集。这样，在浏览器找不到第1个字符集的时候可以按顺序使用第2个字符集显示字体。 4. 字体风格font-style属性 5. 字体亮度font-weight属性 font-weight属性设置字体的粗体程度，用于决定文本以多黑(粗)或多浅(细)显示文本。 5. 字体亮度font-weight属性 6. 设置为大