项目六 DIV+CSS布局网页

       全部页面中元素都能够看成是一个盒子，占据着一定页面空间。普通来说这些被占据空间往往都要比单纯内容要大，因为盒子能够有边框，盒子内外都能够有边距，能够经过调整盒子边框和边距等参数，来调整盒子位置。一个盒子模型由content（内容）、border（边框）、padding（填充也叫内边距）和margin（外边距）这4个部分组成。如图所表示。
6.1 任务1： 认识盒模型
6.1.1 盒模型概述
内边距（padding）
外边距（margin）
边框（border）
Padding与margin都有上、右、下、左四个值。当这些属性被赋值后，会影响盒子宽度与高度。1、盒模型宽度盒模型宽度 = margin-left（左外边距）+border-left（左边框）+padding-left（左内边距）+width（内容宽度）+padding-right（右内边距）+border-right（右边框）+margin-right（右外边距）2、盒模型高度盒模型高度 = margin-top（上外边距）+border-top（上边框）+padding-to ...