盒子模型

说明：由图可以看出，div的margin和body的padding的功能效果一样，当这两个参数都有设置时，其效果值为两者相加的和。

 

解释：padding:50px 40px 30px 20px;  意思是：在原来方形的基础上，顶部加50px,右边加40px,底部加30px,左边加20px。

         为了方便显示，一般会将body的margin和padding属性值设置为0px;