网页设计与制作_06在Dreamweaver8中使用CSS设置页面格式

1、第六讲o课 题：在Dreamweaver8中使用CSS设置页面格式o目的及要求：使用CSS设置页面格式o教学重点：新建、编辑CSS样式和文档的方法以及超级链接的CSS样式定义o教学难点：附加样式表o教学课时：2课时o教学方法：提问与比较教学方式，激发学生兴趣；使用使用CSS样式样式认识CSS样式 u CSS的基本概念 CSS样式基础o在Dreamweaver8中可以定义下列类型的CSS样式：o自定义CSS样式（也称为类样式）：使用该样式，可以将样式属性设置为任何文本范围或文本块；o HTML标签样式：使用该样式，可以重定义特定标签的格式。创建或更改该HTML标签的CSS样式时，所有使用该标签的

2、文本都将得到更新；o CSS选择器高级样式：使用该样式，可以重定义特定标签组合的格式或者重定义包含特定ID属性的所有标签的格式。第第9章章 在在Dreamweaver8中使用中使用CSS设置页面格式设置页面格式CSS样式面板和常用类型 添加层叠样式表的方法1.直接在标签内定义 css实例特点：使用简单、显示直观，但是无法发挥样式表的优势，不建议使用2添加在HTML的里 3链接样式link rel=stylesheet href=“style.css”特点：最适合大型网站的CSS样式定义创建CSS样式 选择“CSS样式”|“新建”命令 “CSS规则定义”对话框应用CSS样式 管理CSS样式 。

3、u u CSS样式冲突链接和导入CSS样式 编辑和删除CSS样式 设置其他CSS样式 CSS样式冲突 Alpha：设置文字和图片的透明度。 Blur：模糊。 DropShadow：添加阴影 FlipH:将图像或文本进行水平翻转 FlipV :将图像或文本进行垂直翻转 Glow：为图像增加特定颜色闪烁 Gray：使图像发生灰度转变 Invert:反转图像的色调、饱和度和亮度常用的几个滤镜：Light：创建目标被一个或多个光源照亮的幻觉 效果。 Mask：设置所有透明像素为指定颜色，使用特定的转换类型显示图像。XBay:X射线wave：波浪常用的几个滤镜：1、AlphaAlpha文字和图片的透明度

4、 表达格式：filter:alpha(opacity=.,finishopacity=.,style=.,startX=.,startY=.,finishX=.,finishY=.)Opacity：指透明度。1100的数值表示从透明到不透明的程度。Style:指透明区域的图像特征。数值0表示纯色，数值1指线性变化，数值2指放射状渐变，3指矩形渐变Finishopacity：这个属性是可选的，用来设置文字或图像结束时的透明度，这可以达到一种渐变效果。StartX，StartY：指透明效果开始的坐标。显而易见，后面的finishX,finishY指的是透明效果的结束坐标。 2、BlurBlur模糊表达式：filter:blur(add=.,direction=.,strength=.)Add:大于0的任意整数Direction:用来设置模糊的方向。（0-315）Strength:指被模糊的幅度，只能用整数。 3、DropshadowDropshadow:添加阴影。表达式：Filter:DropShadow(Color=.,Offx=.,Offy=.,Positive=.)Color:阴影颜色。Off