麻烦老师帮忙检查一下代码，谢谢！

来源：2-10 编程练习

Redamancy_Y6

2019-11-25 19:38:36

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    /*此处写代码*/
    *{
        margin:0;
        padding:0;
        font-size:16px;

    }
    .header{
        width: 100%;
        height: 100px;
        overflow:hidden;
        *zoom:1;
        background:black;
        position:fixed;
        z-index:9;
    }
    .logo{
        float: left;
        height: 100px;
        margin: 0 40px;
    }
    .daohang{
        float: right;
        padding: 0 20px;
    }
    ul{
        list-style: none;
        color: #fff;
        margin: 0 40px;
    }
    li{
        float: left;
        padding: 0 10px;
        margin-top:42px;
    }
    a{
        text-decoration:none;
        color:#ffffff;

    }
    .boder{
        background: #6699CC;
        width: 100%;
        height: 10000px;
        position:relative;
        z-index:1;
        top: 100px;
    }
    .left{
        width: 50%;
        height: 10000px;
        float: left;
        position:absolute;
        margin-top: 100px;
        
    }
    .tuijian{
        width: 300px;
        position:absolute;
        right:0;
        left:0;
        margin:0 auto;
    }
    .bq{
        float: left;
        background: #CC6633;
        margin-right: 10px;
        text-align:center;
    }
    .right{
        width: 50%;
        height: 10000px;
        float: right;
        margin-top: 100px;
        
        position:relative;
    }
    .xiangguan{
        width: 230px;
        position:absolute;
        right:0;
        left:0;
        margin:0 auto;
    }
    .footer{
        height: 100px;
        width: 100%;
        background: #000;
        position:fixed;
        bottom: 0;
        z-index:9;
    }
    .footer ul{
        display: inline-block;
        width:520px;
        position:absolute;
        right:0;
        left:0;
        top:0;
        bottom:0;
        margin:auto auto;
        
    }
  </style>
</head>
<body>
  <!-- 此处写代码 -->
  <div class="zong">
     <div class="header">
         <div class="logo">
             <img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png">
         </div>
         <div class="daohang">
             <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="boder">
         <div class="left">
            <div class="tuijian">
                <h1>课程推荐</h1>
                <br/>
                <p class="bq">职业路径</p>
                <p>HTML5与css3实现动态网页</p><br/>
                <p class="bq">职业路径</p>
                <p>零基础入门android语法与界面</p><br/>
                <p class="bq">职业路径</p>
                <p>ios基础语法与常用控件</p><br/>
                <p class="bq">职业路径</p>
                <p>php入门开发</p><br/>
                <p class="bq">职业路径</p>
                <p>Java入门开发</p>  <br/>     
            </div>
         </div>
         
         <div class="right">
            <div class="xiangguan">
                <h1>相关课程</h1>
                <br/>
                <p>HTML&nbsp;&nbsp;CSS&nbsp;&nbsp;javascript</p><br/>
                <p>html5&nbsp;&nbsp;css3&nbsp;&nbsp;jquery</p><br/>
                <p>移动端基础&nbsp;&nbsp;移动端APP开发</p><br/>
            </div>
         </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>
</div>
</body>
</html>

写回答

1回答