文档介绍：第11章布局对象的使用
一、AP元素面板
“AP元素”面板显示了网页中所有的AP Div及各个AP Div之间的关系,在“AP元素”面板中可以选择AP Div,设置AP Div的显示属性、设置AP Div的堆叠顺序及重命名AP Div等。
1、打开“AP元素”面板:选择“窗口/AP Div”命令或按F2键。
2、当前网页中的所有AP Div都会显示在“AP元素”面板中,嵌套AP Div以树状结构显示。
3、在“AP元素”面板中可对AP Div进行如下操作:
双击AP Div的名称可对AP Div进行重命名。
单击AP Div后面的数字可修改AP Div的重叠顺序,即Z轴顺序,数值大的将位于上AP Div。
在AP Div名称前面有一个眼睛图标,睁开的眼睛图标表示该AP Div处于显示状态;闭合的眼睛图标表示该AP Div处于隐藏状态;单击眼睛图标可切换AP Div的显示或隐藏。如果未显示眼睛图标,表示没有指定可见性。选中“防止重叠”复选框可以防止AP Div重叠,且不能创建嵌套AP Div。
4、 AP Div面板分为3栏,最左侧是眼睛标记,用鼠标直接单击标记,可以显示或隐藏所有的层;中间显示的是层的名称;最右侧是层在Z轴的排列情况。
二、插入AP Div并设置其属性
Div
方法1:将插入栏切换到“布局”插入栏,单击“绘制AP Div”按钮,鼠标光标将变为“+”形状,在编辑窗口中的任意位置按下鼠标左键不放进行托动即可创建AP Div。
方法2:在菜单栏中选择“插入记录/布局对象/AP Div”命令,插入AP Div。
2. 创建嵌套AP Div
AP Div可以进行嵌套。在某个AP Div内部创建的AP Div称为嵌套AP Div或子AP Div,嵌套AP Div外部的AP Div称为父AP Div。子AP Div可以浮动于父AP Div之外的任何位置,其大小不受父AP Div限制。
创建嵌套AP Div方法:将鼠标光标定位到所需的AP Div内,选择“插入记录/布局对象/AP Div”命令即可。如果要逐级添加子AP Div,只需将鼠标光标定位到所需的子AP Div中,按创建嵌套AP Div的方法即可。
3. AP Div属性设置
可以在“属性”面板中对其AP Div的属性进行设置,下面分别介绍单个AP Div和多个AP Div的属性设置。
a、单个AP Div的属性设置
选择要设置属性的单个AP Div,其对应的属性面板如图所示。
“左”文本框:设置AP Div左边相对于页面左边或父AP Div左边的距离。
“上”文本框:设置AP Div顶端相对于页面顶端或父AP Div顶端的距离。
“宽”文本框:设置AP Div的宽度值。
“高”文本框:设置AP Div的高度值。
“Z轴”文本框:设置AP Div的Z轴顺序,也就是设置嵌套AP Div在网页中的重叠顺序,较高值的AP Div位于较低值的AP Div上方。
“可见性”下拉列表框:设置AP Div的可见性,其中default表示默认值,其可见性由浏览器决定。inherit表示继承该层父级的可见性;visible表示显示AP Div及其内容,与父AP Div的可见性无关;hidden表示隐藏AP Div及内容,与父AP Div的可见性无关。
“背景图像”文本框:用于设置背景图像。
“背景颜色”文本框:设置AP Div的背景颜色。
“类”下拉列表框:选择AP Div的样式。
“溢出”下拉列表框:选择当AP Div中的内容超出AP Div的范围后显示内容的方式。
“剪辑”栏:在该栏中可设置AP Div的可见区域。其中“左”、“右”、“上”、“下”4个文本框分别用于设置AP Div在各个方向上的可见区域与AP Div边界的距离,其单位为“像素”。
b、多个AP Div的属性设置
如果多个AP Div具有相同的属性需要设置,则可以同时选中这些AP Div,然后再在“属性”面板中进行设置。选择多个AP Div后的“属性”面板如图所示。
多个AP Div的“属性”面板中,上部可以设置AP Div中文本的样式,其设置方法与文本“属性”面板相同。下部的大部分属性与单个AP Div的“属性”面板相同,不同的是多个AP Div的“属性”面板中多了一个“标签”下拉列表框,其中包括DIV和SPAN两个选项。
Div标签在功能上与span标签相似,最主要的差别在于Div标签是一个块级元素,在默认情况下Div标签会独占一行(可以通过设置CSS样式使多个Div标签处在同一行中),而span标签则不同,可以与其他网页元素同行。