在网页设计时，能否控制好各个模块在页面中的位置是非常关键的。在上一章中，已经对CSS的基本使用有了一定的了解。本章在此基础上对CSS定位作详细介绍，并讲解利用CSS + div对页面元素进行定位的基本方法。

1. div与span标记

- 在使用CSS排版的页面中，<div>与<span>是两个常用的标记。<div>（division）简单而言是一个区块容器标记，即<div>…</div>之间相当于一个容器，可以容纳段落、标题、表格、图片，乃至章节、摘要和备注等各种HTML元素。

- <div>与<span>的区别

2. 盒子模型

- 一个盒子由content、border、padding、margin这四部分组成

3. 元素的定位

- float定位

- position定位

- z-index空间位置

4. CSS排版观念