DreamweaverCS5教程第6章
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
……}
引用方法为：
< 标签 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章 创建网页样式——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.4.6 为对象外边界增加光效
应用Glow属性为对象的外边界增加光效。
6.4.7 降低图片的彩色度
应用Gray属性降低图片的彩色度。
6.4.8 实现底片效果
应用Invert属性将色彩、饱和度以及亮度等
值完全翻转建立底片效果。
6.4.9 为对象建立透明膜
应用Mask属性为一个对象建立透明膜。
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 实现模糊效果
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 定义扩展样式
本实例讲述在网页中使用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.1.1 基本使用方法
CSSΒιβλιοθήκη Baidu标签和属性构成，基本语法如下：
HTML标签{ 属性1:属性值; 属性2:属性值; 属性3:属性值 ; …… }
6.1.2 使用CLASS创建多种风格
利用CLASS可以创建同一个HTML标签的多
种风格，其语法为：
标签.类名{ 属性1:属性值; 属性2:属性值;属性3:属性值;
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.4.10 建立对象的固体轮廓
应用Shadow属性建立一个对象的固体轮廓。
6.4.11 用波浪形状打乱图片
应用Wave属性在x轴和y轴方向利用正弦波纹
打乱图片。
6.4.12 显示对象的黑暗轮廓
应用X-ray属性显示对象的轮廓。
6.5 综合实战1 ——定义网页样式和边框
6.6 综合实战 ——网页中链接样式的设定
使用Blur属性可以建立模糊的效果。
6.4.3 将指定颜色设为透明
应用Chroma属性可以把指定的颜色设置为
透明效果。
6.4.4 实现投射阴影效果
应用DropShadow属性建立一种偏移的影像
轮廓（即投射阴影）。
6.4.5 完成图片的水平或垂直翻转
应用FlipH属性和FlipV属性完成图像的水平
引用方法为：
< 标签 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章 创建网页样式——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.4.6 为对象外边界增加光效
应用Glow属性为对象的外边界增加光效。
6.4.7 降低图片的彩色度
应用Gray属性降低图片的彩色度。
6.4.8 实现底片效果
应用Invert属性将色彩、饱和度以及亮度等
值完全翻转建立底片效果。
6.4.9 为对象建立透明膜
应用Mask属性为一个对象建立透明膜。
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 实现模糊效果
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 定义扩展样式
本实例讲述在网页中使用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.1.1 基本使用方法
CSSΒιβλιοθήκη Baidu标签和属性构成，基本语法如下：
HTML标签{ 属性1:属性值; 属性2:属性值; 属性3:属性值 ; …… }
6.1.2 使用CLASS创建多种风格
利用CLASS可以创建同一个HTML标签的多
种风格，其语法为：
标签.类名{ 属性1:属性值; 属性2:属性值;属性3:属性值;
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.4.10 建立对象的固体轮廓
应用Shadow属性建立一个对象的固体轮廓。
6.4.11 用波浪形状打乱图片
应用Wave属性在x轴和y轴方向利用正弦波纹
打乱图片。
6.4.12 显示对象的黑暗轮廓
应用X-ray属性显示对象的轮廓。
6.5 综合实战1 ——定义网页样式和边框
6.6 综合实战 ——网页中链接样式的设定
使用Blur属性可以建立模糊的效果。
6.4.3 将指定颜色设为透明
应用Chroma属性可以把指定的颜色设置为
透明效果。
6.4.4 实现投射阴影效果
应用DropShadow属性建立一种偏移的影像
轮廓（即投射阴影）。
6.4.5 完成图片的水平或垂直翻转
应用FlipH属性和FlipV属性完成图像的水平