第6章层叠样式表.ppt
《第6章层叠样式表.ppt》由会员分享,可在线阅读,更多相关《第6章层叠样式表.ppt(40页珍藏版)》请在三一文库上搜索。
1、第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 是用于为X
2、ML数据定义显示参数的一种技术,它利用简单的规则来控制元素内容在浏览器中的表现方式。CSS最初是被开发来为HTML文档指定显示的,同时也适合于XML数据。样式表中的显示规范与XML数据分离,这意味着相同的数据通过应用不同的样式表可以以不同的方式显示。同样,相同的样式表可以应用到多个XML文件。,6.1.1 CSS的概念,CSS(Cascading Style Sheet)层叠样式表,也称为级联样式表,是用来进行网页风格设计的。在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数
3、不同的网页的外观和格式。,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文件
4、,【例6.1】这是一个没有应用层叠样式表的XML文档,code6_1.xml 望庐山瀑布 唐.李白 日照香炉升紫烟 遥看瀑布挂前川 飞流直下三千尺 疑是银河落九天 ,2. 一个无CSS样式表XML文件,3. 一个使用CSS样式表XML文件,在XML文档的开头部分写一个关于样式单的如下声明语句: 也可以使用完整的URL指定CSS样式表文件,像下面这个例子: ,一个使用CSS样式表XML文件,charset “gb2312“; namedisplay:block; font-family: 黑体; font-size: 20pt; letter-spacing:10pt; text-align:c
5、enter; writerdisplay:block; font-family: 魏碑; font-size:10pt; font-weight:bold; letter-spacing:10pt; line-height:40pt; text-align:center; color: Black; ,contentdisplay:block; font-family: 隶书; font-size: 20pt; font-weight:bold; line-height: 30pt; letter-spacing:10pt; text-align:center; color: Black; ,
6、一个使用CSS样式表XML文件,6.2.1 font属性集,。,1. font属性的分类 font属性通常用于设置指定字体的风格、大小、亮度等参数。该属性在XML样式表分类中属于通用字体类,由CSS样式表定义。font属性的常见子属性见表6.1,表6.1 font属性的常见子属性,2. font属性的用法,和常见的CSS属性设置类似,font属性使用示例如下: elementfont-style:italic;font-size: “20pt“; font-family: “楷体_gb2312“;,3. 字体字型font-family属性,font-family属性用于指定字体名称,属性值使用
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 层叠 样式
链接地址:https://www.31doc.com/p-2578161.html