第9课创建层叠样式css.ppt

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