老师我写的代码可以吗

来源:3-27 自由编程

Swan不是HeySwan

2020-10-21 23:00:17


在这里输入代码,可通过选

<body>

    <!-- 头部 -->

   <div class="header">

       <div class="logo"></div>

        <div class="wenzi"></div>

   </div>

   <!-- banner区域 -->

   <div class="bannner">

       <div class="tupian"></div>

       <div class="biaodan"></div>

   </div>

   <!-- about区域 -->

   <div class="about">

       <div class="miaoshuwenzi"></div>

       <div class="A word"></div>

       <div class="tupian1"></div>

       <div class="7000"></div>

   </div>

   <!-- 图片混排区域 -->

     <div class="hunpai">

         <div class="shang">

             <p>图片1</p>

            <p>图片2</p>

            <p>图片3</p>

         </div>

         <div class="xia">

            <p>图片4</p>

            <p>图片5</p>

            <p>图片6</p>

         </div>

 

     </div>

     <!-- gallery区域 -->

     <div class="galler">

        <div class="wenzi2"></div>

        <div class="Upper-half">

            <p>图片1</p>

            <p>图片2</p>

            <p>图片3</p>

        </div>

        <div class="Lower-half">

            <p>图片3</p>

            <p>图片4</p>

            <p>图片5</p>

        </div>

     </div>

     <!-- footer -->

     <div class="footer">

         <p>&copy; 2016 imooc.com 京ICP备13046642号</p>

     </div>

</body>

择【代码语言】突出显示

写回答

1回答

好帮手慕久久

2020-10-22

同学你好,有如下问题可调整:

  1. banner区域缺少黑色遮罩,因此需要再添加一个div元素,如下:

    http://img.mukewang.com/climg/5f90eaf6099a1b5705390260.jpg

  2. about区域,整体分为两部分:上面的标题和描述,标题下的图文,因此建议将图文放在一个父元素中,如下:

    http://img.mukewang.com/climg/5f90eb570983c40605770289.jpg

  3. 图文混排中包含8组相似的结构,因此可以将所有内容写在一个父元素中,这样也符合实际开发中的写法:

    http://img.mukewang.com/climg/5f90ebe3094a820705540573.jpg

    同理,gallery区域,6组图文也建议写在一个父元素中:

    http://img.mukewang.com/climg/5f90ec3109e66c4c05280352.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程