padding就是内边距的意思，我们来通过一张稿纸。看一下什么是padding，如下图所示：
padding是4个方向的，所以我们能够分别描述4个方向的padding。padding的4个小属性分别为
padding-top
padding-right
padding-bottom
padding-left
实现padding有2种写法：
1.写小属性
如：
padding-top: 30px;
padding-right: 20px;
padding-bottom: 40px;
padding-left: 100px;
分别表示：top：上，right：右，bottom：下，left：左
这种属性，就是复合属性。比如如果不写padding-lef，t那么就是没有左内边距。
2.写综合属性，用空格隔开
如果写了4个值：
padding:30px 20px 40px 100px;
这就表示上、右、下、左
注意这里的顺序，前端开发和我们平常认为的上下左右顺序不一样。
如果只写了3个值
padding:30px 20px 40px;
表示的是：上、右、下。左和右一样
如果只写了2个值
padding:30px 20px ;
表示的是上、右。下和上一样，左和右一样。
要懂得，用小属性层叠大属性：
padding: 20px;
padding-left: 30px;
对应的盒模型
但是要切记，不要把小属性写在大属性前面padding: 20px;
padding-left: 30px;
padding: 20px;
这样写是错误的。
