简介
- content-box（内容盒）：内容是盒子的边界。
- border-box（边框盒）：边框是盒子的边界。
盒模型宽度
- content-box width=内容宽度
- border-box width=content+padding+border
margin合并
- 父子margin合并
- 兄弟margin合并
注意:外边距(margin)合并只有上下合并，没有左右合并。
阻止合并
- 父子合并：
- 用padding/border挡住
- 用overflow：hidden挡住
- 用display：flex
- 使用inline-block消除
基本单位
- 长度单位：
- px像素
- em（自身font-size倍数）······
- 颜色单位：
- 十六进制（比如#FF6600/#F60······）
- RGBA颜色(red, green, blue, alpha通道透明度=transparent)
- hsl颜色(Hue, Saturation, Lightness)
