所谓盒子，就是将html网页中的标签在网页版面中所占据的平面范围，抽象出来的一个“视觉形状”。 一个最简单的理解就是：几乎所有标签，都可以看做是一个“矩形盒子”，具有一定的宽高（区域）。 总体上来说，一个盒子，是由若干个部分构成的，从内到外依次包括： 盒子内容区，内边距区，边框，外边距区 图示如下：  记住以下几个单词： * content：内容 * padding：内边距，又称为内补白，是一片空白区域 * border：边框 * margin：外边距，又称为外补白，也是一片空白区域 * top，right，bottom，left：上，右，下，左 特别注意： 1，一般情况下，一个盒子中放置内容或其他元素（元素也是盒子），实际是放在内容区的。 2，平常我们看不到内边距，边框和外边距，是因为他们默认都是0（宽度，或厚度）。