【盒模型】【正常盒模型和怪异盒模型】

1.边框

边框宽度（border-width）

边框样式（border-style）

边框颜色（border-coulor）

solid：实线  dottod:点线  dashed：虚线  double：双实线

border也会增大盒模型面积 

2.盒模型

 盒模型包括width+height+padding(内边距)+margin(外边距)+border(边框)

3.内边距

         padding：调整元素内容距离元素边缘的距离

                        设置padding增加了盒模型面积

                        一个值：四个方向

                        俩个值：第一值代表上下，第二值代表左右

                        三个值：第一值代表上，第二个值代表左右，第三个值代表下

                        四个值：第一值代表上，第二值代表右，第三值代表下，第四个值代表左

                        还可以分方向设置：padding-left，padding-right，padding-top，padding-bottom

4. 正常盒模型和ie盒模型的区别（怪异盒模型）

        正常盒模型设置padding和border会增大盒模型面积

        ie盒模型设置padding和border会挤压内容区

        如何将正常盒模型变成ie盒模型设置 box-sizing：border-box