第十一章利用层精确定位网页元素.pptVIP

第十一章 利用层精确定位网页元素 2011-4-26 学习要点 层的基础知识 创建层 层的基本操作 应用层排版 如果您觉得用表格定位页面元素太难掌握，不妨尝试利用层。 层的好处是可以放置在页面上任何位置。层是一种页面元素，可以包含文本、图像或是其他HTML文档，可以使页面上的元素进行重叠或复杂的布局。 使用DW 8可以方便地在页面上创建层，并精确地定位层，可以对层进行选择、移动、调整大小和对齐等操作。 11.1 层的基础知识 最初的页面排版是完全平面式的，在HTML 2.0被应用以后，表格得到了广泛的应用，设计者可以精确地布置页面上的元素。 但是随着页面复杂程度的增加，设计者越想精确布局，页面的表格就越复杂，从而给设计者和浏览者都带来了一定的困难，设计者无法随心所欲的放置页面元素，而表格的复杂化带来了浏览器解释时间的增加，使用户等待时间加长。 为了解除这些困扰，W3C在新的CSS中包含了一个绝对定位的特性，它允许设计者将页面上的某个元素定位到任何地方，而且除了平面上的并行定位，还增加了三维空间的定位z-index，因为z-index定义了的顺序，类似于图形设计中使用的图层，所以拥有了z-index属性的元素被的称为层。 层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。 层的主要功能如下： 有了层以后可以将元素置于层中，因为层可以重叠，所以就产生了许多重