MARGINPADDING margin和padding的区别及详解?

别离开别离开 2023-05-14 11:17:51 25 阅读

margin和padding的区别及详解?

margin表示盒子自身的位置描述,padding和border属于自身属性。对于盒子内部的内容来说,margin和padding对于距离的效果差不多的,但是因为padding是盒子属性的原因,会将盒子的其他属性也表示出来,相当于将小盒子变成了大盒子,像background,box-shadow之类属性的表示范围也会增大,而margin相当于将小盒子挪移了一段距离,并没有增大盒子本身。特殊情况除外(总能想到反例,说出来又太麻烦了)

一、指代不同

1、padding:凑篇幅的文字。

MARGINPADDING margin和padding的区别及详解?

2、margin:页边空白。

二、语法不同

1、padding:artifact consisting of soft or resilient material used to fill or give shape or protect or add comfort由柔软或有弹性的材料组成的人工制品,用于填充、塑造、保护或增加舒适度。

2、margin:margin指书页的空白边缘,也可指物体的边缘。

margin和padding是什么意思?各有什么缺点?

margin 是外边距 padding是内边距 这两个属性都包括四个部分:上、右、下、左 margin跟padding是很常见的属性,浏览器都兼容的 所以缺点没有, 只是在IE6里 float跟margin并存的时候,有可能margin的值在IE6会被解析双倍,比如margin:5px; 到了IE6解析成margin:10px; 还有很重要的一点,做网站时,整个页面都需要调用的样式表最顶部都要写上margin:0; padding:0; 目的是让这两个属性的值都默认为0; 否则火狐浏览器上会默认padding的值为20px; IE则相反的默认margin为20px; 具体是多少像素我忘记了 只是给你做个比方

padding和margin的使用?


 margin和padding的用法:

padding和margin后面可以跟1或2或3或4个数,按照顺序分别是上,右,下,左。具体的操作如下:

(1)padding(margin)-left:10px;左内(外)边距;

(2)padding(margin)-right:10px;右内(外)边距;

(3)padding(margin)-top:10px;上内(外)边距;

(4)padding(margin)-bottom:10px;下内(外)边距;

(5)padding(margin):10px;四边统一内(外)边距;

(6)padding(margin):10px 20px; 10px是上下内(外)边距;20px是左右内(外)边距

(7)padding(margin):10px 20px 30px; 10px是上内(外)边距;20px是左右内(外)边距;30px是下内(外)边距;

(8)padding(margin):10px 20px 30px 40px; 10px是上内(外)边距;20px是右内(外)边距;30px是下内(外)边距;40px是左内边距;

怎样区分margin和padding?

Margin和Padding都是CSS中常用的属性,用于控制元素与周围内容的距离。
具体如下:Margin和Padding的区别在于它们影响的对象不同。
Margin用于控制元素与相邻元素之间的距离,而Padding用于控制元素内部内容与元素边缘之间的距离。
Margin用于控制元素与周围内容的距离,而Padding用于控制元素内部内容与元素边缘之间的距离。
Margin和Padding的区别非常重要,因为混淆它们可能会导致难以调试的问题。
此外,还应该考虑到盒模型和CSS的层叠顺序,以便更好地控制元素的布局。

它们的区别是读音、涵义不一样。

1.margin,[ˈmɑːdʒɪn],意思是边缘;页边空白;白边。

2.padding,[ˈpædɪŋ],意思是凑篇幅的文字。

css中padding和margin的区别和使用?

1、margin是指从元素自身边框到另一个元素边框之间的距离,就是容器之外距离。而padding是指元素自身边框到自身内部另一个元素边框之间的距离,就是容器内距离。好比你的屋子作为目标元素 ,屋外的东西和屋子的距离用margin,屋内的东西和屋子的距离用padding

2、padding的用法:1、padding:10px 20px 30px 40px; 上、右、下、左内边距2、padding-left:10px; 左内边距3、padding-right:10px; 右内边距4、padding-top:10px; 上内边距5、padding-bottom:10px; 下内边距6、padding:10px; 四边统一内边距

3、margin的用法:1、margin:10px 20px 30px 40px; 上、右、下、左外边距2、margin-left:10px; 左外边距3、margin-right:10px; 右外边距4、margin-top:10px; 上外边距5、margin-bottom:10px; 下外边距6、margin:10px; 四边统一外边距

到此,以上就是小编对于MARGINPADDING的问题就介绍到这了,希望介绍关于MARGINPADDING的5点解答对大家有用。

版权声明:本文来自投稿用户,文章观点仅代表投稿用户本人,不代表天天想上网立场,本站仅提供存储服务,不承担相关法律责任,如有涉嫌抄袭侵权/违法违规内容,请发送邮件至964842246@qq.com举报,一经查实,本站将立刻删除。

上一篇 下一篇