概览

盒模型是CSS布局的基石，它规定了网页元素如何显示以及元素间相互关系。CSS定义所有的元素都可以拥有像盒子一样的外形和平面空间，即都包含边框、边界、补白、内容区，这就是盒模型。

基础示意图：

内边距

• padding 上下左右的宽度

值：

• px 上下左右的宽度
• px px (上下)的宽度和(左右)的宽度
• px px px (上)的宽度、(左右)的宽度和(下)的宽度
• px px px px 上、右、下、左的宽度

内边距特性

1. 背景色蔓延到内边距。
2. 设置单一方向的内边距。