css盒子模型之内边距（padding）

知识点一：哪里是内边距，使用什么属性控制？

    元素的内边距在边框和内容区之间。

    控制该区域最简单的属性是 padding 属性。

    CSS padding 属性定义元素边框与元素内容之间的空白区域。

知识点二：padding可以接受什么值？

padding 属性接受长度值或百分比值，但不允许使用负值。

案例：

例如，如果您希望所有 h1 元素的各边都有 10 像素的内边距，只需要这样：

h1 {padding: 10px;}

您还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值：

h1 {padding: 10px 0.25em 2ex 20%;}

知识点三：控制内边距的具体属性有那些？

属性                      描述

padding         简写属性。作用是在一个声明中设置元素的所内边距属性。
padding-bottom  设置元素的下内边距。
padding-left    设置元素的左内边距。
padding-right   设置元素的右内边距。
padding-top     设置元素的上内边距。

案例：

h1 {
  padding-top: 10px;
  padding-right: 0.25em;
  padding-bottom: 2ex;
  padding-left: 20%;
  }



h1 {padding: 10px 0.25em 2ex 20%;}

的效果是一样的

更多的案例：http://www.w3school.com.cn/css/css_padding.asp