网络安全--PHP编程与系统开发-04-DIV盒模型盒CSS基础

一，DIV盒模型（box model）

1. 盒模型（也可以称为盒子模型）是CSS中一个重要的概念，理解了盒模型才能更好的排版。我们先来想象一个盒子，它有：外边距（margin，与其它盒子之间的距离），边距（padding，盒子边框与内容之间的填充距离），内容（content）四个属性；让我们俯视这个盒子，它有上下左右四条边，所有属性都包括：上下左右；四部分可同事设置，也可以分别设置；内间距可以理解为盒子里面的东西和边框的距离，而边框有厚薄和颜色之分，内容就是盒子中间装的东西，外边距就是边框外面自动留出来的一段空白。

        我们换种方式理解这个盒模型

• 内容（content）就是盒子里装的东西，可多可少，可以任意类型
• 填充（padding）就是怕盒子里面装的东西损坏而添加的泡沫和其他减震材料。
• 边距（border）就是盒子本身，当然，边框也有厚有薄，也可以有不同颜色
• 边界（margin）则说名盒子摆放的时候不能全部堆在一起，要留一定空隙保持通风，同事也为了方便取出。
• 
• 在页面中，通常使用DIV+CSS进行，而Table主要用于展示