DreamWeaver第六章_层叠样式表

DropShadow滤镜
阴影效果 Color-#99999;OffX-6;Offy-6;Positive-60
Blur滤镜
模糊效果 Add-1;Direction-135;Strength-6
创建常用滤镜(2)
Wave滤镜
使页面元素产生波浪形的效果 Add-0;Freq-2;LightStrength-10;Phase-3;Strength-3
在卷标之后加上{}符号，在其中填入CSS所设置的 HTML属性 注：如要同时设置同一级别下的两个效果，应用分号隔 开
窗口/CSS样式 CSS样式面板列表框中显示出当前文档中所包含的CSS 样式，在列表框的左侧显示样式名称，右侧显示该样式 所应用的属性 另外有四个按钮
附加样式表 新建样式表 编辑样式表 删除样式表
使用CSS选择器
a:link——文档中的超级链接 a:active——正在打开的超级链接 a:visited——已访问过的超级链接 a:hover——鼠标悬停位置所在的超级链 接
创建常用滤镜
Alpha滤镜
设置透明度 CSS样式表的编辑窗口——“分类/扩展/过滤器”— —选择Alpha Opacity-50;finishOpacity-50;Style-1;StartX-0;StartY0;FinishX-20;FinishY-20
实现网页中的各种元素的准确定位，帮助用户对网页的布 局、字体、颜色、背景和其他图文效果实现更精确的控制 只需修改一个文件就可以改变一批网页的外观和格式 可以控制许多使用html无法控制的属性
CSS的基本语法
类型
自定义样式：可应用于任何文本。若应用于整段文本，则会 在该段文本的源代码中加入CLASS属性，例P CLASS=“testStyle”；若应用于一行文本，则在选择的文本源 代码的两边插入包含了CLASS属性的SPAN标记 HTML标记样式：为HTML标示符重新定义格式化 CSS选择器样式：重新定义了特殊的标记组合以及包含特殊序 列号属性标记
设置CSS样式属性
——区块选项
设置CSS样式属性
设置应用样式的 ——方框选项 元素的浮动位置 定义不允许分层出 现应用样式的元素 的某个侧边
定义应用样式的元 素内容和元素边界 之间的空白大小
定义应用样式的元 素边界和其他元素 之间的空白大小
设置CSS样式属性
——边框选项
设置CSS样式属性
——列表选项
Glow滤镜
使页面元素产生光晕的效果 Color-#0000ff; Strength-10
FlipV滤镜
将图像垂直翻转
定义在
新建样式表文件 仅用于该文档
导出样式以创建CSS样式表
从文档中导出样式以创建新的CSS样式表 文件/导出/CSS样式 导入到文件
文本/CSS样式/管理样式——“附加”——导 入
编辑CSS样式
操作
文本/CSS样式/管理样式——选择要编辑的样式—— “编辑” CSS样式面板——选择要编辑的样式——“编辑” 属性面板中的样式下拉列表框，选择“管理样 式”——编辑
打开新建样式表对话框
文本/CSS样式/新建 文本/CSS样式/管理样式——新建 CSS样式面板——新建样式表 CSS样式面板列表框中右击——新建 相关CSS面板中右击——新建规则
名称：可以使用任何字母和数字的组合，但必须是字母 开头 类型
类：应用于文本范围或文本块的自定义样式 标签：重新定义特定HTML标签的默认格式，名称下拉列表框变为 标签下拉列表框 高级：可为具体某个标签组合或所有包含特定ID属性的标签定义格 式，名称下拉列表框变为选择下拉列表框
设置列表项的换行位置： 外：表项过长自动换行 时缩进显示 内：表项过长自动换行 时直接显示在旁边的空 白上
设置CSS样式属性
相对坐标、绝对 坐标还是静态
——位置选项
层中内容超出边界： 可见、隐藏、滚动、 自动 设置如何放置分层
设置CSS样式属性
——扩展选项
CSS样式的优先顺序
若将两种样式应用于同一个文本中，浏 览器将显示这两种样式的所有属性 若发生冲突，则浏览器显示最里面的样 式的属性 发生了直接的冲突，css样式中的属性自 动取代html标签样式中的属性
层叠样式表
CSS Styles面板 创建CSS样式 编辑CSS样式 CSS样式各属性设置 CSS样式de优先顺序
层叠样式表
可以为部分文件、整份文件甚至整个网站定义样式 是一系列格式规则，它定义了控制元素外观的样式 属性，如字体、颜色、填充、边距和字间距等 CSS样式可定义在HTML文档的标记(tag)里，也可在 外部附加文档中作为外加文件 CSS样式规则有两部分组成：选择器和声明。选择 器是样式名称，而声明则用于定义样式元素。声明 由属性和值组成。 作用
CSS样式的创建
相关CSS面板
窗口/标签检查器——相关CSS 显示当前光标所在行或所选对象应用的CSS样式，左边显示样 式名称，右边显示该样式应用的标签 可应用的所有CSS属性：字体、背景、区域、边框、方框、定 位、扩展
创建CSS样式
打开“新建CSS样式”对话和使用范围，设置后ok 样式文件名：aaa.css
链接外部样式表 编辑外部样式表
一个包含样式规则的文本文件，通常包含一个或多 个样式。用户可在CSS样式表中编辑单个样式，但 有时需要编辑多个样式。
设置CSS样式属性
——类型选项
设置字体的变 体形式，在浏 览器中可看到 效果
设置CSS样式属性
——背景选项
背景图像是固定在它的原 始位置，还是可以滚动