网页设计前端——盒子模型

1、盒子模型的宽高以及padding和border的认识

　　盒子的宽高不是CSS样式的宽高，CSS样式里的宽高只是内容的宽高，而盒子真实的宽高计算：宽：内容宽+padding+边框的高度    高：内容高+padding+边框的高度。这个地方要有所意识。

2、padding是有4个方向的，要控制这4个方向有两种方法。

　　①用小属性的方法：

　　　　padding-left:;左

　　　　padding-right:;右

　　　　padding-top:;上

　　　　padding-bottom:;下

　　②综合写法：

　　　　padding:上  右  下  左;

用小属性可以层叠掉综合写法。