作用中的一些问题,请老师帮忙看看(有些自己查询研究后作答,麻烦看看对不对)?
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
你好同学 , 按照问题的序号 , 解答如下
具体情况需要分析 , 不过图片作为行内元素会有一个默认的间隙 ,这个空白间隙由于不同浏览器的不同像素有所差别 , 4px左右 . 这是行内元素一个特殊现象 . 所以同学可以尝试设置图片为display:none解决 . 如果还是不行 ,可以重新创建一个问题 ,把代码完整粘贴 , 以便老师准确的帮助你解答 .
第二个正确
绝对定位元素可以去没有定位元素或者相对定位元素的地方 ,这个同学自己测试一下就能够得出结论了哦
理解正确
如果父元素不设置border或者padding-top ,那么子元素设置上边距会跟随它一起移动 ,这也是一个比较特殊边距重叠现象 , 解决办法就是父元素设置border或者padding-top或者overflow: hidden .在我们实际开发中 ,你只要记住这些解决方式就可以了 . 至于它解决方式的 ,属于一些底层的原理 . 如果同学以后知识水平能够达到很深的一个层次 ,才建议你去研究这些 .
按钮要设置为块元素 , 居中才能效果 . 尝试设置display:block .如果没有解决 , 也建议重新创建问题 , 上传代码
about区的中间部分和gallery区使用浮动更简单 , 拿about区域为例
思路:
设置一个大的div,设置固定宽度 , 例如1200px. 然后使用margin:0 auto设置这个div居中,注意这里的宽度要和GALLERY区的宽度一致,里面3个小的div,设置浮动使显示在一行。
然后如下的文本框建议使用background: rgba(0,0,0,0.5)实现遮罩效果 .并且文本框可以设置绝对定位 ,使部分在图片中显示 . 注意要设置文本框的父元素div相对定位 .使文本框参照其父元素定位

8.建议上传代码 , 具体情况具体分析
9.建议上传代码 , 具体情况具体分析 .同学要记住重新创建问题 , 因为这样便于问题的及时跟踪处理
祝学习愉快 ,望采纳 .
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星