关于padding

padding是填充内部边距的距离。如图新建一个100*100的盒子

当给加了padding之后就会使盒子变大

增加padding之后盒子变成了150*150

可以很直观的从图就看到padding显著的效果，padding是内容左右两边都产生了25px的距离。他会使内容部分产生偏移。可以尝试给padding的元素增加一个box-sizing:border-box的属性。

PS：padding不可以存在负值，但是margin可以

关于居中

1.使用margin居中

当盒子存在固定宽度的时候，可以使用margin:0 auto，进行居中。左右根据宽度自适应相同值（即居中），可以从图看出左右两边产生了相同的边距从而居中

margin居中

2.使用定位居中

给子级加上定位，父级的话要用到position的属性除了static以外的属性。我们给top：50%;可以看出它其实已经在水平线上对齐了。只不过他是以水平线开始计算位置的距离。

所以我们可以给往上自身的一半margin-top: -25px；(因为盒子 的高度是50px)，这样就居中了。

同理水平居中也可以采用这种方式

PS： text-align:center只能居中文字，不能居中元素.....