老师帮忙检查一下可以吗？

来源：2-7 编程练习

一只会跳桑巴的猪

2019-01-18 15:56:31

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
    *{
        padding:0;
        margin:0;
    }
    .container{
        width:100%;
        font-family:"微软雅黑";
        font-size:16px;
    }
    .header{
        width:100%;
        height:100px;
        background:black;
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom: 0;
        margin:0 auto;
       font-size: 1.5em;
    }
    .header img{float:left;}
    .right{
        float:right;
        height:100px;
        line-height:100px;
        font-weight:bold;
    }
    .right ul li{
        display:inline-block;
        list-style: none;
        color:#fff;
        padding:0 50px;
    }
    a{text-decoration:none;}
    .main{
        width:100%;
        margin:0 auto;
        margin-top:100px;
       margin-bottom:100px;
    }
    .main img{
       width: 100%;
       display: block;
    }
    .footer{
        width:100%;
        height:100px;
        line-height:100px;
        background-color:black;
        font-weight:bold;
        position:fixed;
       font-size: 0.8em;
        left:0;
        right:0;
        bottom: 0;
        margin:0 auto;
    }
    .footer ul{
        margin:0 auto;
        width:60%;
        height:100px;
        line-height:100px;
        text-align: center;
    }
    .footer ul li{
        display:inline-block;
        list-style: none;
        color:#fff;
        padding:0 50px;
    }
</style>
</head>
<body>
<div class="container">
    <div class="header">
      <a><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png" /></a>
      <div class="right">
          <ul>
              <a href="#"><li>课程</li></a>
              <a href="#"><li>职业路径</li></a>
              <a href="#"><li>实战</li></a>
              <a href="#"><li>猿问</li></a>
              <a href="#"><li>手记</li></a>
          </ul>
      </div>
</div>
<div class="main">
      <div><img src="http://climg.mukewang.com/58c0eda50001e12416000480.jpg" /></div>
      <div><img src="http://climg.mukewang.com/58c0edb80001c9f216000480.jpg" /></div>
      <div><img src="http://climg.mukewang.com/58c0edc9000100d516000480.jpg" /></div>
</div>
<div class="footer">
      <ul>
          <a href="#"><li>网站首页</li></a>
          <a href="#"><li>企业合作</li></a>
          <a href="#"><li>人才招聘</li></a>
          <a href="#"><li>联系我们</li></a>
          <a href="#"><li>常见问题</li></a>
          <a href="#"><li>友情链接</li></a>
      </ul>
</div>
</div>
</body>
</html>