记录自己的代码学习之路

记录未学习前用HTML+css写学成网

回头看感觉自己写的好烂。

---

HTML部分：

  <div class="bigbox">
        <!-- 头部导航 -->
        <div class="nav">
            <div class="logo"></div>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">课程</a></li>
                <li><a href="#">职业规划</a></li>
            </ul>
            <input type="text" placeholder="输入关键词">
            <button></button>
            <div class="id">
                <img src="./images/user.png" alt="">
                <span>松哥哥</span>
            </div>
        </div>
        <!-- 轮播图内容 -->
        <div class="box">
            <div class="box1">
                <div class="box2">
                    <a href="#"> 前端开发</a>
                    <a href="#"> 后端开发</a>
                    <a href="#"> 移动开发</a>
                    <a href="#"> 人工智能</a>
                    <a href="#"> 商业预测</a>
                    <a href="#"> 云计算&大数据</a>
                    <a href="#"> 运维&测试</a>
                    <a href="#"> UI设计</a>
                    <a href="#"> 产品</a>

                </div>
                <div class="box3">
                    <ul>
                        <li class="head">我的课程表</li>

                        <li class="body" id="">
                            <p>继续学习 程序语言设计<span>正在学习-使用对象</span></p>
                        </li>
                        <li class="body" id="">
                            <p>继续学习 程序语言设计<span>正在学习-使用对象</span></p>
                        </li>
                        <li class="body" id="">
                            <p>继续学习 程序语言设计<span>正在学习-使用对象</span></p>
                        </li>
                        <li class="body1">
                            <button class="foot">全部课程</button>
                        </li>


                    </ul>
                </div>
            </div>

        </div>
        <!-- 中间导航栏 -->
        <div class="nav1">
            <div class="daohang">
                <ul class="left">

                    <li>
                        <h4>精品推荐</h4>
                    </li>
                    <li><a href="#">Jquery</a></li>
                    <li><a href="#">Spark</a></li>
                    <li><a href="#">MySQL</a></li>
                    <li><a href="#">JavaWeb</a></li>
                    <li><a href="#">Vue</a></li>
                    <li><a href="#">Boostap</a></li>
                    <div class="right"><a href="#">修改兴趣</a></div>
                </ul>
            </div>

        </div>
        <!-- 主题内容 -->
        <div class="digbody clearfix">
            <div clas