1、 margin 属性为给定元素设置所有四个（上下左右）方向的外边距属性。也就是 margin-top，margin-right,margin-bottom,margin-left,四个外边距属性设置的。
例：
<div class="center">此元素会被居中。</div>
<div class="outside">此元素会显示在包含块之外。</div>
.center { margin: auto; background: lime; width: 66%; }
.outside { margin: 3rem 0 0 -3rem; background: cyan; width: 66%; }
2、padding叫做盒子的内边距 会改变盒子显示的大小
例： padding:10px 5px 15px 20px;
上内边距是 10px 右内边距是 5px 下内边距是 15px 左内边距是 20px
