区分盒子的区域

padding 是内部留白；border 包围内容与内边距。

margin：边框之外的外边距；相邻普通块的垂直外边距可能合并。

判断尺寸的含义

content-box：width 指内容区宽度。

border-box：width 包含内边距和边框，不包含外边距。

检查约束与溢出

min-width、max-width 限制宽度；先应用约束，再计算内容区。

overflow: auto 按需滚动；hidden 裁剪内容，不能代替修正尺寸。

设置背景外观

background-color 设置底色；background-image 接收图片或渐变。

background 是简写：省略的相关属性会回到初始值，而不是全部保留原值。