padding内边距margin外边距

<!-- padding 设置盒子的内边距，会改变盒子的大小 -->
<!-- padding也是复合属性，顺序：上右下左 -->
<!-- padding:20px 15px 10px 5px  -->
<!-- 分开设置：padding-top/right/bottom/left -->
<!-- padding:50px   上右下左内边距都为50px
     padding-left:20px
     下面会把上面属性覆盖     
-->
<!-- padding:10px 20px 15px 
      上10px  左右20px 下15px
      padding:10px,20px;
          上下10px  左右20px    
-->
<!-- 外边距 -->
<!-- margin 设置盒子的内边距-->
<!-- margin也是复合属性，顺序：上右下左 -->
<!-- margin :20px 15px 10px 5px  -->
<!-- 分开设置：margin-top/right/bottom/left -->
<!-- margin:50px   上右下左外边距都为50px
     margin-left:-20px
     下面会把上面属性覆盖  -->
<!-- margin:10px 20px 15px 
      上10px  左右20px 下15px
     margin:10px,20px;
        上下10px  左右20px
    margin可以给负值，会超出边界   
    margin:0px auto;设置盒子水平居中 
-->