第9课创建层叠样式css(1+)幻灯片.pptVIP

设置浏览器如何定位层。 设置层的堆叠顺序，值较高的层显示在值较低的层的上面。 设置当层的内容超出层的大小时其内容的放置位置。 定义层的可见部分。 指定层的宽度和高度。 指定层在页面中的位置。 设置层的初始显示条件。 定位设置（已经属性面板化） “定位”项: 是对层的设置，但是因为DW提供了可视化的层制作功能，所以此项设置在实际操作中几乎不会使用。 类型确定浏览器应如何来定位层 绝对使用“定位”框中输入的坐标（相对于页面左上角）来放置层。 相对使用“定位”框中输入的坐标（相对于对象在文档的文本中的位置）来放置层。 静态将层放在它在文本中的位置。 显示确定层的初始显示条件。 默认情况下大多数浏览器都继承父级的值 继承继承层父级的可见性属性。如果层没有父级，则它将是可见的。 可见显示该层的内容。 隐藏隐藏这些层的内容。 Z 轴确定层的堆叠顺序。 编号较高的层显示在编号较低的层的上面。 溢出确定在层的内容超出它的大小时将发生的情况。 可见增加层的大小，使它的所有内容均可见。层向右下方扩展。 隐藏保持层的大小并剪辑任何超出的内容。不提供任何滚动条。 滚动在层中添加滚动条，不论内容是否超出层的大小。 自动使滚动条仅在层的内容超出它的边界时才出现。 定位指定层的位置。 剪辑定义层的可见部分。 扩展设置 设置在打印页面时强制分页的位置。在“之前”和“之后”下拉列表框中，可以分别设置分页前和分页后的位置。 可选择当鼠标光标位于样式所控制对象上时光标的形状。 可以选择样式所控制对象的特殊效果，也就是层叠样式滤镜效果。 分页通过样式来为网页添加分页符号。 允许用户指定在某元素前或后进行分页。 分页的概念是打印网页的内容时在某指定的位置停止，然后将接下来的内容继续打印在下一页纸上。 光标改变鼠标形状，鼠标放置于被此项设置修饰的区域上的时，形状会发生改变。 Hand（手）、 crosshair（交叉十字）、 text（文本选择符号）、 wait（Windows的沙漏形状）、 default（默认的鼠标形状）、 help（带问号的鼠标）、 e-resize（向东的箭头）、 ne-resize（指向东北方的箭头）、 n-resize（向北的箭头）、 nw-resize（指向西北的箭头）、 w-resize（向西的箭头）、 sw-resize（向西南的箭头）、 s-resize（向南的箭头）、 se-resize（向东南的箭头）、 auto（正常鼠标）。 过滤器对样式所控制的对象应用特殊效果。 Alpha　让对象呈现渐变半透明效果 Blur　　让对象产生风吹模糊的效果 BlendTrans网页或对象的淡入淡出切换效果 DropShadow让对象有一个下落式的阴影 Glow在对象的周围产生光晕而模糊的效果 Chroma让图像中的某一颜色变成透明色 FlipH　让HTML对象水平转换 FlipV让HTML对象垂直转换 Wave　让HTML对象产生水平或是垂直方向上的正弦波形 Shadow　让对象产生阴影效果 Mask利用一个HTML对象在另一个对象上产生图像的遮罩Light在HTML元件上放置一个光影 Gray　把一个彩色的图象变成灰色调图象 RevealTrans让网页或对象建立切换效果 Invert让对象产生照片底片的效果 XRay让对象轮廓突出显示 第9课 创建层叠样式 问题导入: 如何使文本有合适的行间距? CSS（Cascading Style Sheets）样式用来一次对若干个文档所有的样式进行控制。 同时链接多个文档 CSS 样式有所更新之后，所有应用了该样式表的文档都会被自动更新。 创建CSS样式方法 在“CSS 样式”面板（“窗口”“CSS 样式”）中，单击面板右下角区域中的“新建 CSS 样式”按钮 (+)。 方法2. “文本”“CSS 样式”“新建 CSS 样式”。 类(可用于任何标签)： 建一个可以应用于任何标签的样式。 注意： 类名称必须以句点开头，可以包含任何字母和数字组合（例如，.myhead1）。 如果您没有输入开头的句点，Dreamweaver 将自动为您输入。 示例 创建自定义样式： .mystyle仅对该文档 设置颜色等 选择文字,右键选择样式 标签(重定义特定标签的外观)： 对指定的 HTML 标签的设置样式 图象标签:img （设置图片边框5，css设置边框颜色，编辑看效果） 列表标签:li （加下划线修饰，和指定列表类型看效果） body标签是网页的主体 应用于body 类型12像素 效果：不会随浏览器字体大小设置改变 高级(ID、上下文选择器) ： 对特定的标签组合，或者包含有指定属性的所有标签进行格式定义