CSS盒子模型–内边距（padding）

　　在CSS盒子模型的基本概述中我们知道内边距也是盒子模型的组成部分，那么什么是内边距呢？内边距是定义元素边框与元素内容之间的空白区域，定义内边距的属性是 padding 属性，该属性接受长度值或百分比值，但不允许使用负值。下面为大家介绍下该属性的一些使用技巧和注意点。

　　1、padding属性声明

　　总体设置padding属性的值，如 padding：10px，这时每个边的内边距都是10像素；

　　四边分别声明，如 padding: 10px 0.25em 2ex 20%；这时四边的内边距就会根据上、右、下、左的顺序设置内边距

　　2、单边内边距属性

　　也通过使用下面四个单独的属性，分别设置上、右、下、左内边距：

　　padding-top

　　padding-right

　　padding-bottom

　　padding-left

　　3、内边距的百分比数值

　　我们知道内边距可以设置为百分数值，百分数值是相对于其父元素的 width 计算的，如果父元素的 width 改变，它们也会改变。注意：上下内边距与左右内边距一致；即上下内边距的百分数会相对于父元素宽度设置，而不是相对于高度。

　　经验：当一个盒子设置背景图像时，默认情况下背景图像覆盖的范围是padding和内容组成的范围，并以padding的左上角为基准点平铺背景图像。