margiin是复合属性
margin：30px上右下左都是30px
顺序是按照上右下左来设置的
分开设置：（margin-top:20px;）（margin-right:15px;）（margin-bottom:10px;）（margin-left:5px;）
可以给负值但是会超出边界 ：（margin-left:-40px;）
下面的属性会把上面的属性覆盖：margin：20px
margin-left：40px
margin：10px 20px 15px：（ 上10px 左右20px 下15px）
padding：复合属性 （padding-top:20px;）（padding-right:15px;）（padding-bottom:10px;）（padding-left:5px;）
上右下左的外边距都是30px ：padding:30px
上边距30 左右20 下40 ：（ padding:30px 20px 40px;）
同样padding下面的属性会把上面的属性覆盖margin:30px;
margin-left:-30px;
盒子的大小是由width+border+passing(正常的盒子模型)
box-sizing：border-box（怪异盒子模型）
box-sizing：content-box(默认的盒子模型)
