请老师帮忙检查下代码~谢谢！

来源：2-12 编程练习

Nyakoonya

2020-08-24 16:33:21

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
    /*此处写代码*/
    *{
        margin: 0;
        padding: 0;
    }
    body{ background: #add8e6;}
    a{
        text-decoration: none;
        color: #fff;
    }
    li{list-style-type: none;}
    .header{
        width: 100%;
        height: 100px;
        background: #333;
        color: #fff;
        position: fixed;
    }
    .logo{float: left;}
    .logo a{display: block;}
    .logo img{display: block;}

    .nav{
        height: 100px;
        line-height: 100px ;
        margin-right: 30px;
        float: right;
    }
    .nav li{
        margin:0 30px;
        font-size: 18px;
        line-height: 100px;
        float: left;
    }
    .container{
        padding-top: 100px;

        width: 90%;
        height: 1000px;
        line-height: 50px;
        margin: 0 auto;
    }
    .left{
        width:30%;
        float: left;
    }
    .left li span{
        background-color: #f78f89;
    }
    .middle{
            width: 30%;
            height: 1000px;
            float: left;
    }
    .right{
            width: 30%;
            height: 1000px;
            float: right;
            border-left: 3px solid #ee9572;
            padding-left: 50px;
    }
    .left,.middle,.right{
            padding-top: 100px;
    }
    .input1,.input2{
            display: block;
            width: 60%;
            height: 40px;
            margin-top: 20px;
    }
    .input2{
        background: red;
        text-align: center;
        font-size: 20px;
        border: none;
        color: white;
    }
    .footer{
        width: 100%;
        height: 100px;
        background: #333;
        color: #fff;
        position: fixed;
        bottom: 0;
        text-align: center;
    }
    .link{
        display: inline-block;
    }
    .link li{
        height: 100px;
        margin: 0 40px;
        font-size: 18px;
        line-height: 100px;
        float: left;
    }

</style>
</head>
<body>

   <div class="header">
        <div class="logo">
            <a href="#"><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"></a>
        </div>
        <div class="nav">
            <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="container">
        <div class="left">
            <h3>课程推荐</h3>
            <ul>
                <li><span>职业路径</span>  HTML5与CSS3实现动态网页</li>
                <li><span>职业路径</span>  零基础入门Android语法与界面</li>
                <li><span>职业路径</span>  iOS基础语法与常用控件</li>
                <li><span>职业路径</span>  PHP入门开发</li>
                <li><span>职业路径</span>  JAVA入门开发</li>
            </ul>
        </div>
        <div class="middle">
            <h3>相关课程</h3>
            <ul>
                <li>HTML  CSS  JavaScript</li>
                <li>HTML5  CSS3  JQuery</li>
                <li>移动端基础  移动端APP开发</li>
            </ul>
        </div>
        <div class="right">
            <h3>登录</h3>
            <form>
                <input class="input1" type="text" placeholder="请输入登录邮箱/手机号" />

                <input class="input1" type="password" placeholder="6-16位密码，区分大写小，不能用空格" />
                <input class="input2" type="submit" value="登录" />
            </form>
        </div>
    </div>
    <div class="footer">
        <div class="link">
            <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>