请问老师我的代码还有可以优化的地方么？

来源：2-10 编程练习

dongxielt

2019-10-11 18:43:00

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
    /*此处写代码*/
</style>
</head>
<body>

<style>
      *{
          margin:0;padding:0;
          box-sizing:border-box;
      }
      a{
      display: block;
      width:100%;
      height:100%;
      font-size:32px;
      }
      .footer a:link,.nav a:link{
          color:white;
          font-size:32px;
          text-decoration:none;
      }
      .footer,.nav,.content{
          width:100%;
          min-width:1150px;
          max-width:2000px;
          background-color:black;
          height:100px;
      }
      .content{
          background-color:#5f9f9f;
          height:800px;
      }
      .footer{
          /*position:fixed;*/
          /*bottom:0;*/
          text-align:center;
      }
      .logo{
          float:left;
      }
      .menu{
          float:right;
          width:850px;
      }
      ul{
          list-style-type:none;

      }
      .menu li{
      float:left;
      height:100px;
      line-height:100px;
      width:170px;
      text-align: center;
      }
      .footermenu li{
         width:180px;
          line-height:100px;
          height:100px;
          float:left;
          /*margin-right:20px;*/
          text-align:center;
      }
      img{
         /* vertical-align:bottom;
          height:100px;*/
          display: block;
      }
      .footermenu{
          width:1080px;
          margin:0 auto;
          height:100px;
      }
      .content .left{
  float: left;
      position:relative;
      left:0;
      width:40%;
      height:100%;
      }
      .content .right{
      float:right;
      position: relative;
      top:0;
      right:0;
  width:60%;
  height:100%;
      }
     .tuijian dt{
      float:left;
      background-color: orange;
      }
       .tuijian dd{

      float:left;
      }
      .header{
      margin-bottom: 20px
      }
      .left dl{
      margin-top:20px;
      }
      .tuijian dl:after{
      content: "";
      display: block;
      clear: both;
      }
      .left-content,.right-content{
      font-size:32px;
      margin-left:10%;
      padding-top:200px;
      width:90%;
      height:100%;

      }
   .right .tuijian dd{
  font-size:20px;
      height:40px;
      line-height: 24px;
      padding-left:24px;
   }
      .left .tuijian dt{
      text-align-last:justify;
      width:20%;
      font-size:20px;
      height:24px;
      line-height: 24px;
      }
      .left .tuijian dd{
      width:80%;
      font-size:20px;
      height:40px;
      line-height: 24px;
      padding-left:24px;
      }
</style>
<div class="nav">
      <div class="logo">
          <img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png">
      </div>
      <div class="menu">
          <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="content">
<div class="left">
  <div class="left-content">
     <div class="header">
      <h3>课程推荐</h3>
     </div>
     <div class="tuijian">
      <dl>
       <dt>职业路径</dt>
       <dd>HTML5与CSS3实现动态网页</dd>
      </dl>
      <dl>
       <dt>职业路径</dt>
       <dd>零基础入门Android语法与界面</dd>
      </dl>
      <dl>
       <dt>职业路径</dt>
       <dd>IOS基础语法与界面</dd>
      </dl>
      <dl>
       <dt>职业路径</dt>
       <dd>php入门开发</dd>
      </dl>
      <dl>
       <dt>职业路径</dt>
       <dd>java入门开发</dd>
      </dl>
     </div>
  </div>
</div>
<div class="right">
  <div class="right-content">
   <div class="header">
      <h3>相关课程</h3>
     </div>
     <div class="tuijian">
      <dl>
       <dt></dt>
       <dd>HTML</dd>
       <dd>CSS</dd>
       <dd>JAVASCRIPT</dd>
      </dl>
      <dl>
       <dd>HTML5</dd>
       <dd>CSS3</dd>
       <dd>JQuery</dd>
      </dl>
      <dl>
       <dd>移动端开发</dd>
       <dd>移动端app开发</dd>
      </dl>
    </div>
  </div>
</div>
</div>
<div class="footer">
      <div class="footermenu">
      <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>
</div>
</body>
</html>