《网页设计与制作教学课件》7a APdiv.pptVIP

本节学习要点： * AP Div元素 AP Div的创建与设置 查看CSS布局块 AP元素与表格的互相转换 div+css布局 1. AP Div元素 AP Div元素（Absolutely Positioned Elements），即绝对定位元素，一般称为层。AP元素提供了一种对网页对象进行有效控制的手段。本部分讲述了AP元素的创建和设置方法，熟悉AP元素的基本操作，熟悉AP元素和表格的相互转换。 AP元素，通常是指绝对定位的Div标签，可通过CSS来定义Div标签的显示样式，可以放在网页的任何位置，AP元素中可以包含文本、图像或其他任何可放在html正文中的内容。 2.1 AP Div的创建 在“文档”窗口的“设计”视图中，执行下列操作之一： 拖动以绘制一个 AP Div。 通过按住 Ctrl 拖动来连续绘制多个 AP Div。 创建嵌套的 AP Div: 创建 AP Div 后，只需将插入点放置于该 AP Div 中，然后就可以像在页面中添加内容一样，将内容添加到 AP Div 中。 2.2 AP Div的属性设置 拖动AP元素边框上的8个控制点可改变其大小。将鼠标放在AP元素边框上除控制点的其他位置，此时鼠标变成十字箭头形状，拖动鼠标可移动AP元素的位置。选中AP元素后通过属性面板设置其属性。 设置以下选项： CSS-P 元素 为选定的 AP 元素指定一个 ID。此 ID 用于在“AP 元素”面板和 JavaScript 代码中标识 AP 元素。 只应使用标准的字母数字字符，而不要使用空格、连字符、斜杠或句号等特殊字符。每个 AP 元素都必须有各自的唯一 ID。 注： CSS-P 属性检查器为相对定位的元素提供相同的选项。 左和上 指定 AP 元素的左上角相对于页面（如果嵌套，则为父 AP 元素）左上角的位置。 宽和高 指定 AP 元素的宽度和高度。 注： 如果 AP 元素的内容超过指定大小，AP 元素的底边（按照在 Dreamweaver 的“设计”视图中的显示）会延伸以容纳这些内容。（如果“溢出”属性没有设置为“可见”，那么当 AP 元素在浏览器中出现时，底边将不会延伸。）位置和大小的默认单位为像素 (px)。您也可以指定以下单位：pc（派卡）、pt（点）、in（英寸）、mm（毫米）、cm（厘米）或 %（父 AP 元素对应值的百分比）。缩写必须紧跟在值之后，中间不留空格。例如，3mm 表示 3 毫米。 Z 轴 确定 AP 元素的 Z 轴或堆叠顺序。 在浏览器中，编号较大的 AP 元素出现在编号较小的 AP 元素的前面。值可以为正，也可以为负。当更改 AP 元素的堆叠顺序时，使用“AP 元素”面板要比输入特定的 z 轴值更为简便。 可见性 指定 AP 元素最初是否是可见的。从以下选项中选择： “default”不指定可见性属性。当未指定可见性时，大多数浏览器都会默认为“继承”。 “继承”将使用 AP 元素的父级的可见性属性。 “可见”将显示 AP 元素的内容，而与父级的值无关。 “隐藏”将隐藏 AP 元素的内容，而与父级的值无关。 背景图像 指定 AP 元素的背景图像。 单击文件夹图标可浏览到一个图像文件并选择它。 背景颜色 指定 AP 元素的背景颜色。 将此选项留为空白意味着指定透明的背景。 类 指定用于设置 AP 元素的样式的 CSS 类。 溢出 控制当 AP 元素的内容超过 AP 元素的指定大小时如何在浏览器中显示 AP 元素。 “可见”指示在 AP 元素中显示额外的内容；实际上，AP 元素会通过延伸来容纳额外的内容。 “隐藏”指定不在浏览器中显示额外的内容。 “滚动”指定浏览器应在 AP 元素上添加滚动条，而不管是否需要滚动条。 “自动”使浏览器仅在需要时（即当 AP 元素的内容超过其边界时）才显示 AP 元素的滚动条。 注： 溢出选项在不同的浏览器中会获得不同程度的支持。 AP元素的溢出属性 剪辑 定义 AP 元素的可见区域。 指定左、上、右和下坐标以在 AP 元素的坐标空间中定义一个矩形（从 AP 元素的左上角开始计算）。AP 元素将经过“裁剪”以使得只有指定的矩形区域才是可见的。 例如，若要使 AP 元素左上角的一个 50 像素宽、75 像素高的矩形区域可见而其它区域不可见，请将“左”设置为 0，将“上”设置为 0，将“右”设置为 50，将“下”设置为 75。 显示和隐藏 AP 元素 选择“窗口”“AP 元素”打开“AP 元素”面板。 在 AP 元素的眼形图标列内单击可以更改其可见性。 眼睛睁开表示 AP 元素是可见的。 眼睛闭合表示 AP 元素是不可见的。 如果没有眼形图标，AP 元素通常会继承其父级的可见性。（如果 A