关于margin和padding

来源:4-12 问题解决

weixin_慕数据1559209

2020-06-15 17:18:50

老师,margin不是设置元素与元素之间距离的么?

为什么在这里可以设置文字与上边框的距离呢?

我之前尝试在div1这个模块中使用padding:0px的指令,但是没有效果

padding不是调整文字与边框的距离的么?为什么在这里不起作用呢

写回答

2回答

好帮手慕笑蓉

2020-06-16

同学,你好。非常抱歉没有理解同学的问题,

1、同学问的设置文字与上边框的距离,是如图所示的距离吗?

http://img.mukewang.com/climg/5ee82a5e09c1cdf809900486.jpg

margin是设置元素与元素之间距离,此设置是相对元素本身的,给元素本身设置一个margin,可以得到此元素和其他元素的距离,其他元素包括父元素,同级元素等,因此老师在视频中设置p元素的margin,可以得到元素距离父元素div的距离。

2、之前尝试在div1这个模块中使用padding:0px的属性,这是课后作业的练习题是吗?

http://img.mukewang.com/climg/5ee82c200999fb5009910394.jpg

给div1设置的padding是生效了的,图片文字间产生的距离是p标签默认的margin值导致的,因此需要给p标签设置一个margin属性,如:

当padding不为0时,效果如图:

http://img.mukewang.com/climg/5ee832bb09e2c48607680625.jpg

设置为0后,所产生的边距消失了:

http://img.mukewang.com/climg/5ee832f4092e669e08600626.jpg

p标签的默认边距:

http://img.mukewang.com/climg/5ee833680924099708730630.jpg

设置之后:

http://img.mukewang.com/climg/5ee82d4609e937e002660084.jpg

http://img.mukewang.com/climg/5ee8338209e0bb9c08430625.jpg

祝学习愉快~


0

好帮手慕笑蓉

2020-06-15

同学,你好。要调整图片和下面的欢迎语的距离,需要在欢迎语标签p1中设置margin: 0px;,div1模块下使用padding:0px只能设置div1里的内容和div1内边框的距离,因此没有生效。

如果解决了你的疑惑,请采纳,祝学习愉快~ 


0
heixin_慕数据1559209
h 你这个老师是真的会划水,这是我上个问题的回答吧, 问题都不一样了你回答还是复制粘贴 本来体验非常优秀的慕课被你拉胯了
h020-06-15
共1条回复

0 学习 · 3562 问题

查看课程