老师,不是已经设置全局的margin和padding为0?这里为什么又会出现样式?又要重新设置呢?

老师,不是已经设置全局的margin和padding为0?这里为什么又会出现样式?又要重新设置呢?

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

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

2回答
好帮手慕慕子 2020-06-23 15:11:58

同学你好,视频是没有问题,视频中老师一开始在base.css中添加body{margin:0;padding:0}这句代码只针对body元素有效, 其他元素不会继承这个属性, 所以其他元素还是有默认的内外边距。 需要单独清除。

此时还没有在base.css中添加如下所示代码,所以h2标题默认是有间距的,所以视频中的页面效果中,标题是有默认间距,老师就单独给screen-1__heading清除了间距,

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

由于视频后面多次使用到h2和h3标题,所以最后在base.css中统一清除了标题的默认间距。这样就不需要每次再单独给标题清除间距了。但是为了保持源码与视频的一致性,所以源码中直接保留了老师书写的所有代码。

老师是参考源码给同学解答的,没有考视频中讲解代码顺序的问题,非常抱歉给同学造成了误解,老师以后一定会注意这一点,保证给同学带来更好的答疑服务。

祝学习愉快~

好帮手慕慕子 2020-06-23 10:39:24

同学你好,前面已经重置过样式了,这里不需要再重新设置了,视频中老师疏忽了这一点,同学自己练习时可以不用再写了。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 慕用6222994 #1
    但是视频里面,老师在后端展示的时候,说出现了margin和padding的样式。建议视频修改下,还有给我们的源代码里面也有
    2020-06-23 11:38:24
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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