盒子的内容

padding叫做内间距，它可以调整盒子与内容之间的间距，它也有上下左右四个方向，所以有padding-top(上内间距) padding-bottom(下内间距) padding-left(左内间距) padding-right(右内间距)

1.padding的单个设置语法

既然我们已经知道了padding可以调整内容和盒子之间的间距，我们来看看单独四个方向的padding怎么设置？

1.1 padding-top的设置
padding 为内间距 主要是用来调整盒子中的内容与盒子之间的距离 分为上下左右四个方位

padding-top padding-bottom padding-left padding-right

让盒子中的内容向下调整
宽度会变成202px 设置的宽度200px+左右边框名1px=202px 高度会变成232px 设置的高度为200px+padding调整的30px+上下边框名1px=232px

padding的设置会拉大盒子的大小
设置右间距
padding-right：30px

padding属性可以代替四个方位
可以设置为1个值两个值三个值四个值
4个值得情况 四个值分别代表是上间距 右间距 下间距 左间距顺时针方向
padding：20px 40px 50px 60px

一个值得情况 代表上下左右方向的间距都是一样的
padding：30px;

两个值 第一个值是上下间距第二个值是左右间距
padding：20px 50px

三个值得情况 第一个值代表的是上间距 第二个是左右间距 第三个是下间距
padding：20px 50px 60px