请问2-7编程练习代码是否规范?

请问2-7编程练习代码是否规范?

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    *{margin:0;
      padding:0;
      list-style:none;}
    .header,.footer{
               width:100%;
               height:100px;
               background-color: #000;
               line-height: 100px;
               position: fixed;
               color:#fff;
               }
    img{float:left;}
    .header ul{float: right;}
    .footer ul{margin:0 auto;
               width:800px;}
     ul li{float: left;
          padding:0 30px;
          line-height: 100px;}
    a{text-decoration:none;
           color: white;}
    .container{padding-top:100px;
               padding-bottom: 100px;

               }
    .footer {
           
            bottom:0;
    }
    }
  </style>
</head>
<body>
  <div class="header">
      <a href="#"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png"/></a>
      <ul>
          <li><a href="#">课程</a></li>
          <li><a href="#">职业路径</a></li>
          <li><a href="#">实战</a></li>
          <li><a href="#">猿问</a></li>
          <li><a href="#">手记</a></li>
      </ul>
  </div>
  <div class="container">
      <img src="http://img1.sycdn.imooc.com/climg//58c0eda50001e12416000480.jpg"/>
      <img src="http://img1.sycdn.imooc.com/climg//58c0edb80001c9f216000480.jpg">
      <img src="http://img1.sycdn.imooc.com/climg//58c0edc9000100d516000480.jpg">
  </div>
  <div class="footer">
      <ul>
          <li><a href="#">网站首页</a></li>
          <li><a href="#">企业合作</a></li>
          <li><a href="#">人才招聘</a></li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">友情链接</a></li>
      </ul>
  </div>
</body>
</html>

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

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

1回答
Steve007 2019-03-04 11:21:05

同学,你好。代码是比较规范的,效果实现的有一点问题,中间部分的图片没有填充满整个页面,建议设置图片的宽为100%,

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

祝学习愉快!

  • 提问者 Yabel #1
    可是我这里看图片是填充满整个页面的,和效果图是一样的。
    2019-03-04 14:19:54
  • Steve007 回复 提问者 Yabel #2
    可能是老师和同学的电脑分辨率不同导致的,建议同学设置图片宽为100%,可以解决不同分辨率显示效果不同的问题。 祝学习愉快!
    2019-03-04 14:33:25
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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