3-4编程练习:这样写哪些地方需要改的?

3-4编程练习:这样写哪些地方需要改的?

<!DOCTYPE html>

<html>

<head>

        <!-- 此处编写样式 -->

<style>

    .container{

        width: 786px;

        border:1px dashed #ccc;

        padding:10px;

        overflow:hidden;

        zoom:1;

    }

    .container div{

        width: 240px;

        border: 1px solid #ccc;

        float:left;

        margin: 10px;

    }

</style>

</head>

<body>   

        <!-- 此处写代码 -->  

    <div class="container">

        <div>

           <img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"><br>

           <span>欢迎来到慕课网学习新知识!</span>

        </div>

        <div>

              <img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"><br>

           <span>欢迎来到慕课网学习新知识!</span>

        </div>

        <div>

           <img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"><br>

           <span>欢迎来到慕课网学习新知识!</span>   

        </div>

        <div>

          <img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"><br>

           <span>欢迎来到慕课网学习新知识!</span>    

        </div>

        <div>

           <img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"><br>

           <span>欢迎来到慕课网学习新知识!</span>   

        </div>

        <div>

            <img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"><br>

           <span>欢迎来到慕课网学习新知识!</span>  

        </div>

    </div>

</body>

</html>


正在回答

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

1回答

同学,你好。效果实现的不错。代码也比较规范,没有什么需要改动的地方,加油,继续努力。

祝学习愉快!

  • 安伯伯 提问者 #1
    谢谢!请教一下,这个效果有些同学用ul li来写,也有dt dd,实际开发中这几种写法有优劣之分吗?
    2019-01-31 14:49:47
  • Steve007 回复 提问者 安伯伯 #2
    同学,你好。实际开发中这几种写法是没有优劣之分的,推荐同学使用自己的这种写法,一个大的div里面嵌套六个小的div,这也是实际开发中最常用的写法。
    2019-01-31 15:02:50
  • 安伯伯 提问者 回复 Steve007 #3
    非常感谢!
    2019-01-31 15:05:08
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

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

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

在线咨询

领取优惠

免费试听

领取大纲

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