老师帮忙看一下哪里需要改进

来源：2-10 编程练习

慕侠4208987

2020-01-06 12:22:55

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
  *{
   padding:0;
   margin:0;
   text-decoration-line: none;
  }
  a{color:white;}
  span{
   background-color: yellow;
  }
  .header{
   width:100%;
   height:100px;
   background:#000;
   color:#fff;
   line-height: 100px;
  }
  .logo{
   float:left;
   margin-right:250px;
  }
  .line-js ul li{
   float:left;
   font-size: 25px;
   list-style-type: none;
   margin:auto 5%;
  }
  .contriner{
   width:100%;
   height:1000px;
   background:grey;
  }
  .contriner .left{
   float:left;
   font-size: 28px;
  }
  .contriner .right{
   float:left;
   font-size:28px;
  }
  .left p,.right p{
   margin:15px 0;
  }
  .footer{
   width:100%;
   height:100px;
   background:#000;
   line-height: 100px;
  }
  .footer ul li{
   float:left;
   list-style-type: none;
   font-size: 25px;
   margin:0 5%;
  }
</style>
</head>
<body>
<div class="header">
  <div class="logo">
   <img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"/>
  </div>
  <div class="line-js">
   <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>
<div class="contriner">
   <div class="left">
        <h2>课程推荐</h2>
        <p><span>职业路径</span>  HTML5与CSS3实现动态网页</p>
        <p><span>职业路径</span>  零基础入门Android语法与界面</p>
        <p><span>职业路径</span>  iOS基础语法与常用控件</p>
        <p><span>职业路径</span>  PHP入门开发</p>
        <p><span>职业路径</span>  JAVA入门开发</p>
      </div>
      <div class="right">
        <h2>相关课程</h2>
        <p>HTML  CSS  JavaScript</p>
        <p>HTML5  CSS3  Jquery</p>
        <p>移动端基础  移动端APP开发</p>
      </div>
</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>