margin和padding作用

2010年2月24日14:13:29 评论 456

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的效果相同。

avatar
  • 版权声明: 发表于 2010年2月24日14:13:29
  • 转载注明:https://www.duoluodeyu.com/352.html

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: