内外边距：
margin
margin属性为给定元素设置所有四个（上下左右）方向的外边距属性。
- 可以接受1~4个值（上、右、下、左的顺序）
- 可以分别指明四个方向：
margin-top、margin-right、margin-bottom、margin-left - 可取值
length：固定值percentage：相对于包含块的宽度，以百分比值为外边距。auto：让浏览器自己选择一个合适的外边距。有时，在一些特殊情况下，该值可以使元素居中。
- 外边距重叠
- 块的上外边距(margin-top)和下外边距(margin-bottom)有时合并(折叠)为单个边距，其大小为单个边距的最大值(或如果它们相等，则仅为其中一个)，这种行为称为边距折叠。
- 父元素与后代元素：父元素没有上边框和padding时，后代元素的
margin-top会溢出，溢出后父元素的margin-top会与后代元素取最大值。
padding
padding CSS 简写属性控制元素所有四条边的内边距区域。
- 可以接受1~4个值（上、右、下、左的顺序）
- 可以分别指明四个方向：
padding-top、padding-right、padding-bottom、padding-left - 可取值
length：固定值percentage：相对于包含块的宽度，以百分比值为内边距。
盒子模型：
box-sizing
CSS 中的 box-sizing 属性定义了 user agent 应该如何计算一个元素的总宽度和总高度。
content-box：是默认值，设置border和padding均会增加元素的宽高。border-box：设置border和padding不会改变元素的宽高，而是挤占内容区域。
