层的应用

一、插入新层

方法一：

单击“插入”面板下的“布局”选项卡下的“描绘层”按钮，在“设计”视图中拖动鼠标绘制层。

方法二：

将插入点放在“设计”视图文档窗口中，执行“插入”->“布局对象”->“层”命令。

　　执行“查看”->“可视化助理”->“不可见元素”命令，当在页面上放置一个层时，“层代码标记”就会出现在设计视图中。

　　若要连续绘制多个层，操作方法如下：

1. 单击“插入”面板下的“布局”选项卡下的“绘制层”按钮。
2. 按住Ctrl键并拖动绘制多个层。

　　只要不松开Ctrl，就可以不断绘制新的层。

二、插入嵌套层

方法一：

将插入点放在现有层中并执行“插入”->“布局对象”->“层”命令。

方法二：

单击“插入”面板下的“布局”选项卡下的“描绘层”按钮，按住Alt键并拖动鼠标在现有层中绘制一个层。

方法三：

使用“层”面板将现有层嵌套到另一个层中。
操作方法如下：
（1）打开右边的“层”面板。
（2）在“层”面板中选择层如Layer1，按住Ctrl键并拖动鼠标，将Layer1层嵌套到另一个层如Layer2中。

三、设计层的属性

层编号：指定层名称。可以“层”面板和JavaScript代码中标识该层。
注意：应使用标准的字母、数字、字符，而不要使用空格、连字符、斜框或句号等特殊字符，每个层都必须有它自己的唯一名称。

左、上(左侧和顶部)：指定层的左上角，相对于页面左上角的位置(嵌套层则相对于父层的左上角位置)。

Z轴：确定层的Z轴，即又叠放顺序。一般情况下，同父层的层Z轴系统自动从1开始编号，练习绘制层时，请注意观察右边层面板中Z轴的值。

可见性：
　　default：不指定可见性属性。当未指定可见性时，大多数浏览器都会默认为“继承”
　　inherit：继承。使用该层父级的可见性属性
　　visible：可见。不管父级的值是什么
　　heddin：隐藏。不管父级的值是什么

溢出：如果层里的文字太多或图片太大，层的大小不足以全部显示的时候，可选项有
　　visible：超出部分照样显示
　　hidden：超出部分隐藏
　　scrool：不管是否超出，都显示滚动条
　　auto：超出时才出现滚动条

剪辑：定义层的可见性。

左上或右下：用于指定是相对于层的父级还是相对于页来定位层。左、上选项相对于层父级的左上角来放置层；右、下选项相对于页面右下角将层放置于某一绝对位置，而不考虑父层的位置。

四、层的基本操作

　　当处理页面布局时，可以对层进行选择、移动、大小调整和对齐。

　　1、选择层

　　选择一个或多个层后，即可以对它们进行相同的操作或更改它们的属性。

选择一个层的方法：

• 方法一：在“层”面板中单击该层的名称
• 方法二：单击层的选择柄（在该层中的任意位置单击以显示该选择手柄）。
• 方法三：鼠标单击层的边框。

选择多个层的方法：

• 方法一：按住Shift键，并单击“层”面板上的两个或多个层名称。
• 方法二：按住Shift键，在两个或多个层的边框内（或边框上）单击。

注意：当选定多个层时，最后选定层的大小调整柄以黑色突出显示，其他层大小调整柄以白色显示。

2、调整层

可以单独调整一个层的大小 ，也可以同时调整多个层的大小，使他们具有相同的宽度和高度。需要注意的是，如果在层面板中勾选了“防止层重叠”复选框，在调整大小时不能使它与另一层重叠。

调整单个层的大小：

• 选择层，拖曳手柄以改变大小。
• 每次调整一个像素，选择层，然后按住Ctrl键同时按方向键。
• 按网络吸附增量来调整大小，按住Ctrl+Shift键同时按方向键。
• 用属性检查器：直接输入高度和宽度的值。

同时调整多个层的大小：

• 执行“修改”->“排列顺序”->“设成宽度相同”或“设成高度相同”。
  注意：其宽度和高度以最后选择的一个层为准。
• 在“属性”面板中的“多个层”选项区输入宽度和高度值。这些值将应用于所有选定层。

3、移动层

移动方法

• 用拖动的方法移动层：选中层，拖动选定层的选择手柄移动层。
• 按Shift+方向键组合键移动层，一次只能移动一个像素。

4、对齐层

选中两个或多个层，执行“修改”->“排列顺序”->“左对齐”、“右对齐”、“对齐上缘”或“对齐下缘”命令可实现以最后一次选择层为准的排列对齐。

返回主页