层的属性设置和操作之一

  创建复杂页面布局,使用层是最理想的。把页面元素放入层中,然后拖动层,这样就很容易定位它们。要能正确运用层来设计网页,必须了解层的属性和设置方法,以及层的操作技巧。

一、层属性及其检查器

  首先,我们在文档窗口创建一个层,然后选择Window>Properties(窗口>属性),打开属性检查器。单击刚刚建立的层的边线选择它,属性检查器中随即显示出层的常用属性。单击属性检查器右下角的扩展箭头,可以看到层的所有属性。

  这些属性的作用如下:

Layer ID 层标识:指定一个名称来标识层面板中的层。在本项下面的文本域中输入层名。层名只能使用英文字母,不要使用特殊字符(如空格、横杠、斜杠、句号等)。
LT 左边和顶边距:指定层相对于页面或父层左上角的位置,即层的左上角在页面或父层中的坐标(以像素为单位)。L指定距左边的像素数,T指定距顶边(上边)的像素数。
WH 宽度和高度:指定层的宽度和高度。如果层的内容超过指定的大小,这些值被覆盖。
对于CSS层,L、T、W和H默认以像素(px)为单位。也可以指定以下单位:pc(十二点活字)、pt(点)、in(英寸)、mm(毫米)、cm(厘米)或%(父值的百分比)。单位的缩写必须紧跟在值的后面,二者之间没有空格:如5mm。
Z-Index Z-编号:指定层的Z-编号(或堆叠顺序号)。Z-编号较大的层出现在编号较小的层的上面。编号可正可负,也可以是0。如同5本书堆叠在一起时,把中间那本的编号定为0,则自下往上它们的编号依次是-2、-1、0、1、2(当然也可以是-7、-4、0、1、8,他们在堆叠顺序中相对位置不变)。使用层面板改变层的堆叠顺序比在此项直接输入Z-编号容易。
Vis 可见性:决定层的初始显示状态。使用脚本语言(如 JavaScript)可以控制层的可见性和动态显示层的内容。本属性有以下选项:
Default(默认):不指定可见性属性,但多数浏览器把本项解释为Inherit(继承)。
Inherit(继承):继承父的可见性属性。
Visible(可见):显示层的内容,忽略父值。
Hidden(隐藏):隐藏层的内容,忽略父值。请注意,隐藏用LAYER和ILAYER标记创建的层仍然占据着同样的空间,就好像它们是可见的一样。
Bg Image 背景图像:指定层的背景图像。单击本项右边的浏览图标,浏览并选择一个图像文件,或在文本域中输入图像文件的路径。
Bg Color 背景颜色:指定层的背景颜色。此选项为空时指定透明背景。
Tag 标记:决定层是CSS层还是Netscape层。SPAN和DIV创建CSS层;LAYER和ILAYER创建Netscape层。
Overflow 溢出:仅适用于CSS层,指定如果层的内容超过了它的大小将发生的事件:
Visible(可见): 增加层的大小,以便层的所有内容都可见。层向下和向右扩大。
Hidden(隐藏):保持层的大小,并剪栽掉与层大小不符的任何内容,不显示滚动条。
Scroll(滚动):给层添加滚动条,不管内容是否超过了层的大小。特别是通过提供滚动条来避免在动态环境中显示和不显示滚动条导致的混乱。
Auto(自动):在层的内容超过它的边界时自动显示滚动条。
Clip 层边距:定义层的可见区(类似于Word中通过设置页边距来定义版心)。在L(左边距)、T(顶边距)、R(右边距)、B(底边距)的文本域中输入一个值来指定距层边界的距离(以像素为单位)。
  如果是Netscape层(用LAYER或ILAYER标记创建的层),属性检查器还增加显示仅适用于这种层的以下属性选项:
Use Left, Top 或PageX, PageY 参照父层或页面定位层:使用这些属性可以相对于父(如果是嵌套层,父指父层;如果不是嵌套层,父指页面)来定位层。 选用Left和Top选项,以父层的左上角为“原点”定位层(相对定位);选用PageX和PageY选项,以页面左上角为“原点”定位层(绝对定位),忽略父层的位置。
Src 源文件:指定在层内显示的另一个HTML文档。单击本项右边的文件夹图标,浏览并选择要显示的文档,或在文本域中输入文档的路径。请注意,Dreamweaver在文档窗口不显示本属性。
A/B 上或下:指定层位于堆叠顺序中当前层的上面(A)或下面(B)。使用A/B选项来选择相对堆叠位置,然后从右边的弹出菜单上选择参照层的名称。A指定当前层的上一层,B指定当前层的下一层。

  二、层的操作

  层的操作主要包括层的激活、选择、调整大小、移动、对齐等。

  1.激活层

  要把对象放入层中,首先要激活层。把鼠标光标移至层内任何地方单击,即可激活层。此时,插入点被置于层内。被激活层的边界突出显示,选择手柄也同时显示出来。请注意,激活层的操作并不选择层。

  2.选择层

  要对层进行移动、调整大小等操作,首先要选择层。可以选择一层,也可以同时选择多层。同时选择多层时,可进行对齐层操作,使他们的宽度和高度相同,或重新定位他们。

  在Dreamweaver中,要选择一层,有以下几种操作方法:

  

在文档窗口单击层的标志。如果层标志不可见,选择View>Invisible Elements(查看>不可见元素)。

单击层的选择手柄。如果手柄没有显示,单击层内任何地方使它显示出来。
单击层边界。
如果没有活动层,也没有层被选择,在层内按住Shift键单击。
如果多层被选择,在层内按住Control-Shift单击。
在层面板中单击层的名称。

  要选择多层,执行以下操作之一:

在两层或多层内或边界上按住Shif键单击。
在层面板按住Shif键单击两层或多层的名称。
当多层被选择时,最后选择的层的手柄以黑色突出显示,其它层的手柄以白色突出显示。