关于margin和padding

关于margin和padding

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

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

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

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

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕笑蓉 2020-06-16 10:52:51

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

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

http://img1.sycdn.imooc.com//climg/5ee82a5e09c1cdf809900486.jpg

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

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

http://img1.sycdn.imooc.com//climg/5ee82c200999fb5009910394.jpg

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

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

http://img1.sycdn.imooc.com//climg/5ee832bb09e2c48607680625.jpg

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

http://img1.sycdn.imooc.com//climg/5ee832f4092e669e08600626.jpg

p标签的默认边距:

http://img1.sycdn.imooc.com//climg/5ee833680924099708730630.jpg

设置之后:

http://img1.sycdn.imooc.com//climg/5ee82d4609e937e002660084.jpg

http://img1.sycdn.imooc.com//climg/5ee8338209e0bb9c08430625.jpg

祝学习愉快~


好帮手慕笑蓉 2020-06-15 18:48:09

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

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


  • 你这个老师是真的会划水,这是我上个问题的回答吧, 问题都不一样了你回答还是复制粘贴 本来体验非常优秀的慕课被你拉胯了
    2020-06-15 20:21:53
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.从网页搭建入门Python Web
  • 参与学习           人
  • 提交作业       218    份
  • 解答问题       3562    个

本阶段带你用Python开发一个网站,学习主流框架Django+Flask是Python Web开发的第一步,在基础知识上实现积分商城的项目开发,体验真实的项目开发流程,提高解决编程问题和效率的能力。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师