盒模型

1.盒子模型是由内容（content），填充（padding），边框（border），边界（margin），四个属性组成的，它们都包括四个部分：上，右，下，左，当然这四个部分可以同时设置，也可以分别设置。

2.盒子模型分为标准盒模型（content-box）和怪异盒模型（border-box），默认情况下我们代码中元素是以content-box 作为标准的盒子，理论上说，content-box和border-box 的主要区别是二者的盒子的宽度是否包含元素的边框和内边距，即一个是内容不变，而另一个是压缩内容。