《层叠样式表》ppt课件

《《层叠样式表》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第6章层叠样式表丁跃潮　张涛　叶文来刘韵华程旭曼丁潇张天桥概述教学提示：XML为存储结构化数据提供了强大的方法，但是它没有提供关于数据如何显示的信息，这实际上是XML的优点：数据的结构完全与数据表示无关。当有必要表示格式化XML文件中的数据时，格式化的详细信息放置在层叠样式表CSS中。教学目标：理解层叠样式表CSS的概念，掌握层叠样式表CSS的方法，掌握CSS与XML结合的方法，学会综合运用CSS。6.1CSS简介6.2设置字体属性6.3设置色彩和背景图象属性6.4设置边界属性6.5CSS2新增功能6.6综合实例6.1CSS简介CSS是用于为XML数据定义显示参数的一种

2、技术，它利用简单的规则来控制元素内容在浏览器中的表现方式。CSS最初是被开发来为HTML文档指定显示的，同时也适合于XML数据。样式表中的显示规范与XML数据分离，这意味着相同的数据通过应用不同的样式表可以以不同的方式显示。同样，相同的样式表可以应用到多个XML文件。6.1.1CSS的概念CSS（CascadingStyleSheet）层叠样式表，也称为级联样式表，是用来进行网页风格设计的。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的

3、外观和格式。6.1.2CSS的使用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

4、】这是一个没有应用层叠样式表的XML文档，code6_1.xml望庐山瀑布唐.李白日照香炉升紫烟遥看瀑布挂前川飞流直下三千尺疑是银河落九天2.一个无CSS样式表XML文件3.一个使用CSS样式表XML文件在XML文档的开头部分写一个关于样式单的如下声明语句：

5、ml-stylesheettype="text/css"href="mycss.css"?>也可以使用完整的URL指定CSS样式表文件，像下面这个例子：一个使用CSS样式表XML文件@charset"gb2312";name{display:block;font-family:黑体;font-size:20pt;letter-spacing:10pt;text-align:center;}writer{display:blo

6、ck;font-family:魏碑;font-size:10pt;font-weight:bold;letter-spacing:10pt;line-height:40pt;text-align:center;color:Black;}content{display:block;font-family:隶书;font-size:20pt;font-weight:bold;line-height:30pt;letter-spacing:10pt;text-align:center;color:Black;}一个使用CSS样式表XML文件6.2.1font属性集。1.fon

7、t属性的分类font属性通常用于设置指定字体的风格、大小、亮度等参数。该属性在XML样式表分类中属于通用字体类，由CSS样式表定义。font属性的常见子属性见表6.1表6.1font属性的常见子属性font属性说明font-family指定字体的字型font-style指定字体的风格font-weight指定字体的亮度font-variant指定字体全为大写字母font-size指定字体的大小font-stretch指定字体的压缩或拉伸方式2.font属性的用法和常见的CSS属性设置类似，font属性使用示例如下：element{font