padding 复合写法：top right bottom left
1：当只有一个属性值的时候：4个方向都是一个值
2：设置两个属性值时
2.1：第一个属性值设置的是上下两个方向
2.2：第二个属性值设置的是左右方向
3：设置三个属性值时
3.1：第一个属性值设置的是上边一个方向
3.2：第二个属性值设置的是左右两个方向
3.3：第三个属性值设置的是下边一个方向
padding 可以理解为 人肉体与衣服之间的 填充。
而 margin可以理解为 一个人的气场。在人与人的距离
padding 可以铺照片
margin的 兼容性要比padding 要多。
margin 的问题：
1 会出现重叠/叠加：同一个方向头设置了margin值时
a.如果两个数值都一样，那么在前面为准
b.如果两个数值不一样，谁大谁为准
2 margin传递 如果子集设置了一个margin会传递给父级 （垂直方向会出现。左右不会出现）
当然如果 margin-top之前 子级有一个哥哥的话，marigin-top。并不会传递给父级。
传递的解决方法：简单的实现，给父级加一个边框；
