最初的Web页面的排版是完全平面式的，因此在HTML2.0以后，表格得到了广泛的应用，设计者能够精确地布置页面上的元素。但是随着页面的复杂程度的增加，设计者越是想精确布局，页面的表格就越复杂，从而给设计者和浏览者都带来了一定的困难：设计者无法随心所欲地放置页面元素；而表格的复杂化带来了浏览器解释时间的增加，用户等待时间加长。
为了解除这些困扰，W3C在新的CSS中包含了一个绝对定位的特性，他允许设计者将页面上的的某个元素定位到任何地方，而且，除了平面上的并行定位，还增加了三维空间的定位Z-INDEX。因为Z-INDEX定义了堆叠的顺序，类似于图像设计中使用的图层，所以拥有了Z-INDEX属性的块元素被人们形象地称为层。
在HTML中，一个层的描述如下所示：
请注意，层一般放置在
标签中，但他也能够是标签，只是在跨浏览器的情况下，
图标，当鼠标在文档区域中变为十字指针后，按下鼠标左键，拖拉鼠标，出现一个矩形框，当您对该矩形框的大小和形状都满意时，松开鼠标按扭，一个层就绘制好了。
如下图所示：
使用菜单Insert--->Layer，插入一个预先定义大小的层
在Insert菜单下，选择Layer项，能够在文档中插入一个定义好大小的层，默认状态下的大小是宽200px高115px，他的大小是能够调整的。
两种方式得到的层的区别：
1、层的大小不同。使用菜单插入的层有默认的大小，拖拉出来的层随您的鼠标动作而改变大小
2、层的定位不同。仔细观察属性面板，您会发现使用菜单插入的层是没有定位的坐标的，只有当您使用鼠标拖动该层改变其位置后，才会写入坐标值。而拖拉出来的层的初始位置坐标就是鼠标开始动作时的坐标，当然您也能够通过拖拉来改变位置坐标值
标签有更好的兼容性，虽然IE和NC都支持这两个标签。
在Dreamweaver中，创建一个层被变的很简单，您能够很形象地通过鼠标拖拉一个层出来，然后调整其位置和大小尺寸。下面是在网页设计过程中最常用的两种插入层的方式（必须在Standard View状态下，不能够在Layout View状态下）：
使用对象面板上的Draw Layer对象在网页中拖拉绘制一个层
打开Objects面板（快捷键Ctrl F2），使用鼠标点按
在Dreamweaver中，创建一个层被变的很简单，您能够很形象地通过鼠标拖拉一个层出来，然后调整其位置和大小尺寸。下面是在网页设计过程中最常用的两种插入层的方式（必须在Standard View状态下，不能够在Layout View状态下）：
使用对象面板上的Draw Layer对象在网页中拖拉绘制一个层
打开Objects面板（快捷键Ctrl F2），使用鼠标点按
图标，当鼠标在文档区域中变为十字指针后，按下鼠标左键，拖拉鼠标，出现一个矩形框，当您对该矩形框的大小和形状都满意时，松开鼠标按扭，一个层就绘制好了。
如下图所示：
使用菜单Insert--->Layer，插入一个预先定义大小的层
在Insert菜单下，选择Layer项，能够在文档中插入一个定义好大小的层，默认状态下的大小是宽200px高115px，他的大小是能够调整的。
两种方式得到的层的区别：
1、层的大小不同。使用菜单插入的层有默认的大小，拖拉出来的层随您的鼠标动作而改变大小
2、层的定位不同。仔细观察属性面板，您会发现使用菜单插入的层是没有定位的坐标的，只有当您使用鼠标拖动该层改变其位置后，才会写入坐标值。而拖拉出来的层的初始位置坐标就是鼠标开始动作时的坐标，当然您也能够通过拖拉来改变位置坐标值
文章整理：西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
