×
    全国

    当前位置:

  • 热门地区:
  • 选择地区:
  • ×
当前位置: 初三网 > 初中英语 > 英语知识点 > 正文

padding和margin的区别 两者有什么不同

2024-01-01 13:03:21文/勾子木

padding和margin的区别:margin是指从自身边框到另一个容器边框之间的距离,即容器外距离,是隔开元素与元素的间距;而padding是指自身边框到自身内部另一个容器边框之间的距离,即可容器内距离,是盒子边框与盒子内部元素的距离。

padding和margin的区别 两者有什么不同

1padding和margin的区别

padding(填充)属性定义元素边框与元素内容之间的空间。padding简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。

margin,是CSS语法,这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度,或者设置各边上外边距的宽度。margin属性接受任何长度单位、百分数值甚至负值。

2margin的用法

(1)需要在border外侧添加空白时,

(2)空白处不需要有背景(色)时,

(3)上下相连的两个盒子之间的空白需要相互抵消时,比如15px+20px的margin,将得到20px的空白。

3padding的用法

(1)需要在border内侧添加空白时(往往是文字与边框距离的设置),

(2)空白处需要背景(色)时,

(3)上下相连的两个盒子之间的空白希望等于两者之和时,比如15px+20px的padding,将得到35px的空白。

4微信搜索关注公众号:蝶变志愿

了解最新的高考资讯

解读更多的报考技巧

扫描二维码 关注蝶变志愿公众号

初中好老师, 提分90-150分
—— 立即预约试听课程 ——
选择当前学历
初一
初二
初三
我已阅读并同意 《隐私政策》《用户服务使用协议》 《允许推荐给更多优质服务商为您提供服务》
一键提交抢占名额
《padding和margin的区别 两者有什么不同》
立即下载
查看更多【英语知识点】内容
下载文档
《padding和margin的区别 两者有什么不同》
¥6.99 ¥9.99
微信扫码关注蝶变志愿
免费获得兑换码
免费下载
欢迎使用微信支付
扫一扫微信支付
¥6.99
验证码错误!