作用中的一些问题,请老师帮忙看看(有些自己查询研究后作答,麻烦看看对不对)?

作用中的一些问题,请老师帮忙看看(有些自己查询研究后作答,麻烦看看对不对)?

1.为什么直接设置图片高度,在显示的时候会比设置的高度多出4px;而先设置包含图片的盒子高度,再设置图片和被包含的盒子一样的高度,则图片高度显示的时候就是设置的高度?

例:banner图的.one设置为高500px,再设置.one img高为500px,则图片显示的时候是500px;但是如果没有设置.one为高500px,直接设置img为500px,则图片显示的时候是504px;

 

2.表单的背景如何去除,即文本域的背景?

自答:background:none

 

3.绝对定位元素是不是去不了没有定位元素或者相对定位元素的位置?

 

4.为什么设置了opacity后,元素上面的字体也是变成透明的?

答:因为设置opacity会影响到子元素的。 如果文字是设置透明度的元素里面的文本,是会受到影响的。建议使用background: rgba(255,255,255,0.5)给盒子设置一个白色半透明实现效果更好。

 

5.为什么父元素里面的子元素用margin进行移动会带动父元素的移动?

例如:about区的下部的dt设置了margin-top之后,父元素text也跟着移动(为什么可以用overflow:hidden来解决?)

 

6.为什么about区下部的按钮元素explorer设置margin:0 auto,也设置了宽和高,但是不能居中?

 

7.about区的中间部分和gallery区的图片展示,用中间定位,再两边设置的思路可以吗(类似圣杯和双飞翼布局)?还是说有更好的方法?

 

8. 为什么gallery区的图片展示,中间一列设置margin:0 auto,也设置了宽和高,但是不能居中?

 

9.为什么在设置gallery区的图片的时候会影响到about区底部图文的尺寸?

自答:可能是因为相同的类名在识别的时候,将其样式改变了


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

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

1回答
好帮手慕夭夭 2019-01-21 12:00:00

你好同学 , 按照问题的序号 , 解答如下

  1. 具体情况需要分析 , 不过图片作为行内元素会有一个默认的间隙 ,这个空白间隙由于不同浏览器的不同像素有所差别 , 4px左右 . 这是行内元素一个特殊现象 . 所以同学可以尝试设置图片为display:none解决 . 如果还是不行 ,可以重新创建一个问题 ,把代码完整粘贴 , 以便老师准确的帮助你解答 .

  2. 第二个正确

  3. 绝对定位元素可以去没有定位元素或者相对定位元素的地方 ,这个同学自己测试一下就能够得出结论了哦

  4. 理解正确

  5. 如果父元素不设置border或者padding-top ,那么子元素设置上边距会跟随它一起移动 ,这也是一个比较特殊边距重叠现象 , 解决办法就是父元素设置border或者padding-top或者overflow: hidden .在我们实际开发中 ,你只要记住这些解决方式就可以了 . 至于它解决方式的 ,属于一些底层的原理 . 如果同学以后知识水平能够达到很深的一个层次 ,才建议你去研究这些 . 

  6. 按钮要设置为块元素 , 居中才能效果 . 尝试设置display:block .如果没有解决 , 也建议重新创建问题 , 上传代码

  7. about区的中间部分和gallery区使用浮动更简单 , 拿about区域为例      

思路:

设置一个大的div,设置固定宽度 , 例如1200px. 然后使用margin:0 auto设置这个div居中,注意这里的宽度要和GALLERY区的宽度一致,里面3个小的div,设置浮动使显示在一行。

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

然后如下的文本框建议使用background: rgba(0,0,0,0.5)实现遮罩效果 .并且文本框可以设置绝对定位 ,使部分在图片中显示 . 注意要设置文本框的父元素div相对定位 .使文本框参照其父元素定位

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

8.建议上传代码 , 具体情况具体分析

9.建议上传代码 , 具体情况具体分析 .同学要记住重新创建问题 , 因为这样便于问题的及时跟踪处理

祝学习愉快 ,望采纳 .


  • 提问者 阿扬在自律路上 #1
    灰灰老师,关于第7点的问题: 1.如果用浮动的话,会不会要做到根据div中心来定位三个块,没有定位属性那么好操作? 2.background: rgba(0,0,0,0.5)试过之后是黑色的遮罩层,效果图是白的遮罩层,我用了background: rgba(255,255,255,0.5)
    2019-01-22 16:39:03
  • 里面的三个块使用浮动依次从左往右排列就可以 了 ,不需要再使用定位了 .同学可以先尝试做一做 ,如果哪里做不好 , 可以重新创建问题 , 把代码粘贴过来 , 老师帮助你解决 . 第二个背景色透明同学的做法是正确的 .
    2019-01-22 17:27:36
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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