padding与margin

本文详细介绍了CSS中Padding(内边距)与Margin(外边距)的区别及应用场景。通过实例说明如何使用这两种属性调整元素间距,并指出在实际应用中推荐使用Padding属性的原因。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

才开始接触css,一直感觉padding与margin不好理解,现在经过一下午的研究,终于有点眉目.
padding(内补丁)在css中文手册中定义为:检索或设置对象四边的补丁边距
其实就是对顶部,右侧,底部,左侧的内部填充.
margin(外补丁)在css中文手册中定义为:检索或设置对象四边的外延边距
比如,定义了一个div,一个p,p在div的内部.当p元素的margin设置后,发现就是拉近了p与div之间的距离.

参考:http://www.cainiao8.com/web/css_lab/css_lab.html

注意:细心的你可能会发现我们使用了padding-right而不是margin-right,这是因为IE的怪毛病不少,它会在不定的地方无法正确显示margin-right/left属性,所以使用了padding(间隙,Dreamweaver中又被称为填充)属性。
  作者提示:希望大家在以后的css编写过程中,尽量使用padding属性,以免造成浏览器调试麻烦。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值