使用CSS创建网页.ppt

6.4.6 为对象外边界增加光效 应用Glow属性为对象的外边界增加光效。 6.4.7 降低图片的彩色度 应用Gray属性降低图片的彩色度。 6.4.8 实现底片效果 应用Invert属性将色彩、饱和度以及亮度等值完全翻转建立底片效果。 6.4.9 为对象建立透明膜 应用Mask属性为一个对象建立透明膜。 6.4.10 建立对象的固体轮廓 应用Shadow属性建立一个对象的固体轮廓。 6.4.11 用波浪形状打乱图片 应用Wave属性在x轴和y轴方向利用正弦波纹打乱图片。 6.4.12 显示对象的黑暗轮廓 应用X-ray属性显示对象的轮廓。 6.5 综合实战1 ——定义网页样式和边框 6.6 综合实战 ——网页中链接样式的设定 本实例讲述在网页中使用CSS样式定义网页的链接样式的方法，使网页中的链接样式变得多样，不再呆板。 第6章 创建网页样式——CSS 本章内容 6.1 如何使用CSS 6.2 定义CSS样式的属性 6.3 编辑CSS样式 6.4 CSS过滤器 6.6 综合应用：网页中链接样式的设定 6.1 CSS语法基础 6.1.1 基本使用方法 6.1.2 使用CLASS创建多种风格 6.1.3 使用ID 6.1.1 基本使用方法 CSS由标签和属性构成，基本语法如下： HTML标签{ 属性1:属性值; 属性2:属性值; 属性3:属性值; …… } 6.1.2 使用CLASS创建多种风格 利用CLASS可以创建同一个HTML标签的多种风格，其语法为： 标签.类名{ 属性1:属性值; 属性2:属性值;属性3:属性值; ……} 引用方法为： 标签 CLASS=类名 6.1.3 使用ID #id名 {属性1:属性值; 属性2:属性值; 属性3:属性值; ……} 6.2 定义CSS样式的属性 6.2.1 定义文本样式 6.2.2 定义背景样式 6.2.3 定义区块样式 6.2.4 定义方框样式 6.2.5 定义边框样式 6.2.6 定义列表样式 6.2.7 定义定位样式 6.2.8 定义扩展样式 6.2.9 创建嵌入式CSS样式 6.2.10 链接外部样式表 6.2.1 定义文本样式 6.2.2 定义背景样式 6.2.3 定义区块样式 6.2.4 定义方框样式 6.3.5 定义边框样式 6.2.6 定义列表样式 6.2.7 定义定位样式 6.2.8 定义扩展样式 6.2.9 创建嵌入式CSS样式 嵌入式CSS样式是一系列包含在HTML文档文件头部分的style标签内的CSS规则。 6.2.10 链接外部样式表 Dreamweaver提供有链接外部CSS样式的功能，通过该功能可以将其他页面中的样式应用到当前页面中。 6.3 编辑CSS样式 6.3.1 修改CSS样式 6.3.2 删除CSS样式 6.3.3 复制CSS样式 6.3.1 修改CSS样式 在【CSS样式】面板中可以修改CSS样式。 6.3.2 删除CSS样式 对于不需要的CSS样式可以将其删除。 6.3.3 复制CSS样式 选择右键菜单命令可以复制CSS样式。 6.4 CSS过滤器 6.4.1 设置图片透明度 6.4.2 实现模糊效果 6.4.3 将指定颜色设为透明 6.4.4 实现投射阴影效果 6.4.5 完成图片的水平或垂直翻转 6.4.6 为对象外边界增加光效 6.4.7 降低图片的彩色度 6.4.8 实现底片效果 6.4.9 为对象建立透明膜 6.4.10 建立对象的固体轮廓 6.4.11 用波浪形状打乱图片 6.4.12 显示对象的黑暗轮廓 6.4.1 设置图片透明度 使用Alpha属性可以设置透明度。 6.4.2 实现模糊效果 使用Blur属性可以建立模糊的效果。 6.4.3 将指定颜色设为透明 应用Chroma属性可以把指定的颜色设置为透明效果。 6.4.4 实现投射阴影效果 应用DropShadow属性建立一种偏移的影像轮廓（即投射阴影）。 6.4.5 完成图片的水平或垂直翻转 应用FlipH属性和FlipV属性完成图像的水平和垂直翻转。