层的应用及其定位(一)

2008-02-23 06:17:10来源：互联网阅读 ()

　1、层的基础知识

　　最初的Web页面的排版是完全平面式的，因此在HTML2.0以后，表格得到了广泛的应用，设计者能够精确地布置页面上的元素。但是随着页面的复杂程度的增加，设计者越是想精确布局，页面的表格就越复杂，从而给设计者和浏览者都带来了一定的困难：设计者无法随心所欲地放置页面元素；而表格的复杂化带来了浏览器解释时间的增加，用户等待时间加长。

　　为了解除这些困扰，W3C在新的CSS中包含了一个绝对定位的特性，他允许设计者将页面上的的某个元素定位到任何地方，而且，除了平面上的并行定位，还增加了三维空间的定位Z-INDEX。因为Z-INDEX定义了堆叠的顺序，类似于图像设计中使用的图层，所以拥有了Z-INDEX属性的块元素被人们形象地称为层。

　　在HTML中，一个层的描述如下所示：
　　

　　请注意，层一般放置在

标签中，但他也能够是标签，只是在跨浏览器的情况下，

标签有更好的兼容性，虽然IE和NC都支持这两个标签。

　　在Dreamweaver中，创建一个层被变的很简单，您能够很形象地通过鼠标拖拉一个层出来，然后调整其位置和大小尺寸。下面是在网页设计过程中最常用的两种插入层的方式（必须在Standard View状态下，不能够在Layout View状态下）：

使用对象面板上的Draw Layer对象在网页中拖拉绘制一个层

打开Objects面板（快捷键Ctrl F2），使用鼠标点按

图标，当鼠标在文档区域中变为十字指针后，按下鼠标左键，拖拉鼠标，出现一个矩形框，当您对该矩形框的大小和形状都满意时，松开鼠标按扭，一个层就绘制好了。

如下图所示：

使用菜单Insert--->Layer，插入一个预先定义大小的层

在Insert菜单下，选择Layer项，能够在文档中插入一个定义好大小的层，默认状态下的大小是宽200px高115px，他的大小是能够调整的。
　　两种方式得到的层的区别：

1、层的大小不同。使用菜单插入的层有默认的大小，拖拉出来的层随您的鼠标动作而改变大小

2、层的定位不同。仔细观察属性面板，您会发现使用菜单插入的层是没有定位的坐标的，只有当您使用鼠标拖动该层改变其位置后，才会写入坐标值。而拖拉出来的层的初始位置坐标就是鼠标开始动作时的坐标，当然您也能够通过拖拉来改变位置坐标值

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有