现在进行网页设计都流行使用div+css的方法。前面已经对css做过简单的介绍，本章再来说一下div标签。

以前的网页设计都是采用table进行页面布局，那么采用div与table比起来有什么优点呢？首先，table不是一个标准的标签，从兼容性角度div兼容性更好；其次，div更加灵活，它使网页从设计的角度由平面变成了三维;第三点，使用div可以节省带宽。

教学目标

1. 了解DIV概念

2. 了解DIV布局的优点

3. 熟悉DIV常见属性

4. 了解盒子模型

实践目标

1、 理解和掌握DIV标签的用法

2、 能使用DIV+CSS布局简单的网页

知识储备

课前预习

1、请简要回答以下问题：

1）DIV布局的优点有哪些？

2）DIV标签的基本用法有哪些？

3）如何理解CSS的盒子模型？

1、DIV布局

HTML 源代码：