- 外边距margin
- 边界border
- 内边距padding
- 内容content
盒模型有content-box和border-box，区别：
- 内容盒content-box，宽度只包含内容，width是指内容的宽度
- 边框盒border-box，宽度包含border，width是整个盒子的宽度，内容的宽度要减去border和padding。 border-box常用，更好用。
margin合并，只在上下方向存在，左右方向不存在。
子元素和子元素、第一个/最后一个子元素和父元素的外边距会合并，外边距的值为大的外边距。
display:inline-block; 可以取消外边距合并。
（如果子元素宽度不够，要使其自成一行，可设置width:100%; --不建议用）
取消第一个/最后一个子元素和父元素合并的方法：
- 父元素加border
- 父元素加padding
- 父元素加overflow:hidding
其他：
长度单位
px:像素
em:相对于自身字号的倍数
可以用截图工具取颜色数值
如果body设置了颜色，网页会自动填充背景色。
