浅谈网页设计中元素定位.docVIP

浅谈网页设计中元素定位 　　摘 要：本文阐述网页元素通过表格和Div+CSS样式定位两种方式优缺点，重点介绍了CSS绝对定位、相对定位和浮动，以及他们之间关联、应用技巧和注意事项，只有深度了解才能灵活运用。 　　关键词：CSS；定位；浮动 　　中图分类号：TP393.09 　　掌握网页元素定位是基本要点，只有网页元素定位好了，网页布局才会设计好，网页的整体效果才好，但对于很多网页设计初学者，不能灵活运用网页元素定位技术，特别是利用CSS样式定位网页元素，常因浏览器版本不同，页面变得杂乱无章，只有深入学习扎实掌握网页元素定位技术，才能灵活运用。 　　1 网页元素定位概述 　　在讲网页定位之前，我先来了解网页中每个元素本身的自己定位方式是按照文档流定位，body元素下的任意元素，根据其前后顺序，组成一个个上下关系。在早期网页定为方式表格、层（DIV的绝对定位）和框架，随着CSS技术发展，现在网页设计者对网页元素定位常用方式有：一是利用表格对网页元素定位；二框架；三是利用DIV对网页元素定位。框架定位一直应用不多，表格是早期定位常用方法，表格操作简单易懂，表格的单元格可以放图片、文字、表格等元素，通过控制表格单元格来控制元素位置。表格的单位有两种方式一是百分比、二固定长度（像素、点等），利用表格布局时，最外面表格宽度固定，单元格嵌套表格的宽度设为百分比比较好（随父单元