初三网 > 初中英语 > 英语知识点 > 正文padding和margin的区别 两者有什么不同
文/勾子木padding和margin的区别:margin是指从自身边框到另一个容器边框之间的距离,即容器外距离,是隔开元素与元素的间距;而padding是指自身边框到自身内部另一个容器边框之间的距离,即可容器内距离,是盒子边框与盒子内部元素的距离。

padding和margin的区别
padding(填充)属性定义元素边框与元素内容之间的空间。padding简写属性在一个声明中设置所有内边距属性。设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。
margin,是CSS语法,这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度,或者设置各边上外边距的宽度。margin属性接受任何长度单位、百分数值甚至负值。
margin的用法
(1)需要在border外侧添加空白时,
(2)空白处不需要有背景(色)时,
(3)上下相连的两个盒子之间的空白需要相互抵消时,比如15px+20px的margin,将得到20px的空白。
padding的用法
(1)需要在border内侧添加空白时(往往是文字与边框距离的设置),
(2)空白处需要背景(色)时,
(3)上下相连的两个盒子之间的空白希望等于两者之和时,比如15px+20px的padding,将得到35px的空白。
相关阅读
padding和margin的区别 两者有何不同
2023-12-31![]()
八年级上册古诗词18首人教版
2024-01-01![]()
假舟楫者,非能水也,而绝江河翻译
2024-01-01![]()
亡羊补牢告诉我们什么道理
2024-01-01![]()
impact和effect的区别 两者有什么不同
2024-01-01![]()
涉江采芙蓉原文 诗词翻译
2024-01-01![]()
盖余所至比好游者尚不能十一翻译 出处是什么
2024-01-01![]()
红楼梦贾宝玉人物分析 宝玉的性格是什么样的
2024-01-01![]()
above和over的用法区别 英语单词含义有什么不同
2024-01-01![]()
八年级上册语文书电子版古诗词有哪些
2024-01-01![]()
屈平疾王听之不聪也翻译 出自哪篇文章
2024-01-01![]()
许行原文及翻译 思想核心是什么
2024-01-01![]()
when和while的用法区别 两者有什么不同
2024-01-01![]()
月夜忆舍弟翻译及原文 月夜忆舍弟的作者是谁
2024-01-01![]()
度在文言文中的意思是什么
2024-01-01![]()