1：什么是盒子模型？
CSS盒子模型就是在CSS技术所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。通过定义一系列与盒子相关的属性，可极大地丰富和促进各个盒子乃至整个HTML文档的表现效果和布局结构。
通常盒子模型由外边距（margin）、边框（border）、内边距（padding）和内容（content）组成。
外边距（margin）是盒子外部的距离，作用为元素添加外边距后会移动元素位置，例如添加外margin：10px），盒子会以自身为主体，上下左右保持10px的距离，外边距（margin）最多可设4个值，如margin：10px 20px 30px 40px，按顺序分别对应上右下左四个方向，当然设2个或者1值都是可以的，当设3个值时，对应的分别表示为上，左右，下外边距，2个值时，对应的表示为上下和左右外边距，设一个值时表示设置四个边的外边距。边框（border）是盒子的边框，可通过border： 设置边框的大小、宽度、颜色等属性。内边距（padding）是盒子内部的距离，作用为元素添加内边距后会对盒子内进行一个填充，效果为使内容（content）在一个方向保持一定的距离。内容（content）就是我们所写的肢体，文字、图片等。
盒子模型按属性可分为边框盒子和内容盒子。边框盒子（border-box)的宽高度是设置的宽高，内容盒子（content）的宽高度是设置的宽高度加上边框和内边距的宽度。
