内边距
盒子内边距是内容与边框之间的距离，有四种取值方式：
- 一个值：
padding:5px;--- 上下左右边距都设置为 5px ； - 两个值：
padding:3px 5px;--- 上下边距设置为 3px，左右边距设置为 5px ; - 三个值：
padding:3px 5px 9px;--- 上边距设置为 3px，左右边距设置为 5px，下边距设置为 9px ; - 四个值：
padding:3px 5px 9px 10px;--- 上边距设置为 3px，右边距设置为 5px，下边距设置为 9px, 左边距设置为 10px
记忆规则 ：边距四周从上 开始赋值，顺时针方向，如果没有赋值的，看对面，与对面值相同
也可以只给盒子的某个方向，单独设置内边距：padding-方位(left、right、top、bottom)
算上内边距，盒子的实际大小可以表示为：
盒子宽度 = 左边框 + 左内边距 + 内容宽度 + 右内边距 + 右边框 盒子高度 = 上边框 + 顶部内边距 + 内容高度 + 底部内边距 + 下边框
块级元素不会撑大盒子的特殊情况
如果子 盒子没有设置宽度，此时子盒子的宽度默认 是父盒子的宽度，这时再给子盒子设置左右内边距或者左右边框，不会撑大子盒子
盒模型自动内减
需求： 盒子尺寸300 X 300，背景粉色，边框10px黑色实线，上下左右内边距20px，如果不想盒子被撑大，有两种方式：
手动内减 ：就是自己计算多余的盒子大小，手动在内容中减去，但这样做有一个缺点，如果项目中计算量太大，很麻烦，不易计算；
自动内减 ：给盒子设置属性即可，示例：box-sizing:border-box;，这样做浏览器会自动计算盒子的多余大小，然后自动在内容中减去。
外边距
盒子外边距的取值方式与内边距类似 ，只是属性名不一致，外边距是margin
默认清除内外边距
浏览器会给部分标签设置默认的 margin 和 padding ，但一般在项目初始化的时候，需要先清除这些标签默认的 margin 和 padding ，后续根据需要，自己设置。
