盒子模型 4-5 编程练习答案

请尽量清晰完善地描述问题，以便大家给予专业的回复。

写额外飞1 2018-01-08

源自：盒子模型 3-29 盒子计算

30

收起

4回答

小丸子爱吃菜回答被采纳获得+3积分 2018-01-09 11:50:17

测试了你的代码，写的很不错啊~有时不要太去纠结某个地方，因为某个点而耗费太多时间和精力，有时也是不划算的，放一放，先往后学习，再回过头来，会发现这个问题原来可以这样解决。

写额外飞1 提问者 #1

恩的，谢谢老师。

2018-01-09 13:58:45

小丸子爱吃菜 2018-01-09 10:50:47

编程题考察的主要是对知识点的运用，效果图只是一个参考，没有必要非得一样，只要考察的点和效果能够正常显示就可以。

随着学习的深入，知识点掌握的丰富，再回过头来做这些习题，会有不同的收获，兴许会比效果图做的更好。

提问者写额外飞1 #1

嗯嗯，谢谢老师，我知道，但是写不出来，心理很难受。。还好，一步步的写改。终于写出来了。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>display属性</title> <style type="text/css"> /*样式补充*/ *{margin:0px;padding:0px;list-style:none;} .big{width:110px;background-color:#ececec;margin:0 auto;} h3{width:88px;text-align:center;padding:3px 10px;border:1px gray solid;} .elec,.wash,.clothes{width:68px;background-color:#f2f4f6;height:100px;line-height:30px;border:1px gray solid;border-top:none;padding-left:40px;display:none;} .special{border-top:none;} .div1:hover ul,.div2:hover ul,.div3:hover ul{display:block;} </style> </head> <body> <div class="big"> <div class="div1"> <h3>家电</h3> <ul class="elec"> <li>冰箱</li> <li>洗衣机</li> <li>空调</li> </ul> </div> <div class="div2"> <h3 class="special">洗护</h3> <ul class="wash"> <li>洗衣液</li> <li>消毒液</li> <li>柔顺剂</li> </ul> </div> <div class="div3"> <h3 class="special">衣物</h3> <ul class="clothes"> <li>衬衫</li> <li>裤子</li> <li>卫衣</li> </ul> </div> </div> </body> </html>

2018-01-09 11:10:40

小丸子爱吃菜 2018-01-08 17:48:32

嗯课程多看，代码多练，不懂多问

提问者写额外飞1 #1

我试了试，这位同学的代码。效果和图片效果还是不一样，这样子。我也写出来了，我想要的是和图片效果一样的，麻烦老师了

2018-01-09 10:35:26

小丸子爱吃菜 2018-01-08 17:44:24

可以参考下列的代码，这是其它童鞋写的，自己也可以尝试的去写一下。

祝学习愉快！

提问者写额外飞1 #1

好的，谢谢，还是有点，弄不清楚，元素之间的关系，再看一遍盒子模型课程。

2018-01-08 17:46:26

相似问题

编程练习的答案呢

盒子模型4-7编程练习知识点查考不清晰，指导下

编程的代码答案在哪？？？

请问编程练习有没有答案

4-4练习，为什么会把header盒子顶下来？

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

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

帮助反馈 APP下载

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

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