第四部分，就是盒模型。对于盒模型来说呢，主要就是记清楚它的四个属性，width，height，padding，border，这四个属性要记清楚就行，当然还有外边距margin，也还是要记清楚的。width和height相对来说比较简单就没什么好说的了，其主要是表示内容的大小，padding则表示的是内边距，padding的表示可以把其上下左右分条分别写出来，也可以简写，当然简写的方式呢是有四种，可以用一个数（上下左右都是这个值），两个数（上下是第一个值，左右是第二个值），三个数（上是第一个值，左右是第二个值，下是第三个值），四个数（顺序是上右下左）来表示。对于border来说呢就是都以后会再具体学习一下。*然后就是整个盒子大小的计算：元素的实际大小：内容+padding+border，元素控件尺寸大小：内容+padding+border+margin*
然后就是盒子的类型主要有两个，一个是ie盒模型（內缩型），也就是border-box，还有就是标准盒模型（外扩型）就是content-box和模型，这两个盒模型主要就是由box-sizing属性决定的，
还有就是对于盒子来说呢有三种元素，一种是块级元素还有一种就是行内元素。块级元素不能并排排列，但是又长和高的设置。而行内元素是可以并排排列的，但是不能设置他的宽和高。还有最后一种的行内块，既可以并排排列，又可以设置宽和高。除此之外，块级元素以及行内元素是可以相互转换的，主要是通过display属性来实现的，display：block是将其转化为块级元素，display：inline是将其转化为行内元素，然后display：inline-block是将其转化为行内块。
