利用层精确定位网页元素

《利用层精确定位网页元素》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十一章利用层精确定位网页元素2011-4-26学习要点层的基础知识创建层层的基本操作应用层排版如果您觉得用表格定位页面元素太难掌握，不妨尝试利用层。层的好处是可以放置在页面上任何位置。层是一种页面元素，可以包含文本、图像或是其他HTML文档，可以使页面上的元素进行重叠或复杂的布局。使用DW8可以方便地在页面上创建层，并精确地定位层，可以对层进行选择、移动、调整大小和对齐等操作。11.1层的基础知识最初的页面排版是完全平面式的，在HTML2.0被应用以后，表格得到了广泛的应用，设计者可以精确地布置页面上的元素。但是随着页面复杂程度的增加，设计者越想精确布局，页面的表格

2、就越复杂，从而给设计者和浏览者都带来了一定的困难，设计者无法随心所欲的放置页面元素，而表格的复杂化带来了浏览器解释时间的增加，使用户等待时间加长。为了解除这些困扰，W3C在新的CSS中包含了一个绝对定位的特性，它允许设计者将页面上的某个元素定位到任何地方，而且除了平面上的并行定位，还增加了三维空间的定位z-index，因为z-index定义了的顺序，类似于图形设计中使用的图层，所以拥有了z-index属性的元素被的称为层。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。层的主要功能如下：有了层以后可以将元素置于层中，因为层可以重叠，所以就产生

3、了许多重叠效果。可以利用层来精确定位网页元素。它可以包含文本、图像甚至其他层，凡是HTML文件可包含的元素均可包含在层中。层还有非常特殊的功能，就是通过应用时间轴可以使其移动和变换。这样在层中放置一些图片或文本，就能够实现动画效果。层可以转换为表格，为不支持层的浏览器提供解决方法。层可以显示和隐藏，利用这一功能可以实现网页导航中的下拉菜单在HTML中，层的描述如下：