css盒模型：
- 盒模型是用来对元素进行布局，包括内外边距、边框、实际宽高几个部分组成；
- 主要分为两种：标准盒模型和怪异盒模型
- 区别是标准盒模型的盒子大小是实际宽高+padding值+margin值+border，而怪异盒模型则不算margin值；
- 实际开发中为了保证元素的占位大小，我们一般会通过box-sizing属性来设置盒模型的解析模式；
- box-sizing属性有两个值，一个是content-box，默认值，另一个是border-box，设置成该属性值后，盒子的宽高就会算上padding值和边框
