margin是对外元素的距离,用来控制元素本身的浮动位置;
margin-left:具体值;
margin-bottom:具体值;
margin-right:具体值;
margin-top:具体值;
padding是对内元素,用来控制元素内部元素的位置;
padding-left:具体值;
padding-bottom:具体值;
padding-right:具体值;
padding-top:具体值;
margin是调节本身与周围之间的距离。padding是调节内部元素与本身之间的距离,调节的不是本身
举个不恰当的例子:元素比作一只鞋,margin是鞋与地面的距离,padding指的是脚与鞋之间的距离。
padding:3px 4px 2px 6px这其中的3 4 2 6是指对象四边的补白边距,按顺时针顺序,依次是上、右、下、左。
padding:6px与padding:6px 6px 6px 6px 的效果完全一样;如果仅给出两个或三个值,那么缺失边的属性值将取与对边相同的值。如:padding:4px 6px与padding:4px 6px 4px 6px 效果相同,padding:2px 4px 6px与padding:2px 4px 6px 4px的效果相同。