老師~我遇到幾個問題

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style type="text/css">
      *{margin: 0; padding: 0; list-style: none;}
      
      .nav{
        width: 100%;
        height: 100px;
        background: black;
        position: fixed;
     }
     .nav img{
      float: left;
      display: block;
     }
     .nav ul{
      
     }
     .nav ul li{
      float: right;
      line-height: 100px;
      margin: 0 40px;
      text-decoration: none;
     }
     li a{
      color: white;
      text-decoration: none;
      }

     .main img{
      width: 100%;
      display: block;
       
     }
     .main .top{
      padding-top:100px;
     }
     .foot{
      width: 100%;
      height: 100px;
      background: black;
      position: fixed;
     }
     .foot ul{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right:0 ;
      margin: auto auto;
     }
     .foot li{
      float: left;
      margin: 50px;
     }
    </style>
  <title></title>
</head>
<body>
 
    <div class="nav">
      <a href="#"><img src="http://img1.sycdn.imooc.com\/climg/58c0d2d900016ce303000100.png"></a>
        <ul>
      <li><a href="#" class="nav-1">手記</a></li>
      <li><a href="#" class="nav-1">猿問</a></li>
      <li><a href="#" class="nav-1">實戰</a></li>
      <li><a href="#" class="nav-1">職業路徑</a></li>
      <li><a href="#" class="nav-1">課程</a></li>
      </ul>
  </div>

  <div class="main">
    <img class="top" 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="foot">
    <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>