WEB前端开始学习 7.11

最新推荐文章于 2024-08-21 21:15:10 发布

LiangKJZ

最新推荐文章于 2024-08-21 21:15:10 发布

阅读量264

点赞数 1

本文链接：https://blog.csdn.net/LiangKJZ/article/details/125727875

版权

1.今天开始就是分班之后的第一天，虽然是复习先前的知识，但压力一下子上来了，班里的同学既是战友，又是对手。要快点进入状态，已经有同学走在前面了。

2.今天复习之前的知识，虽然不难，但也要认真听。除了有温故而知新的作用外，在初期打牢基础也非常重要，基础打不牢，后面每走一步都非常艰难。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>畅销书排行榜</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    li {
        list-style: none;
    }

    a {
        text-decoration: none;
    }

    body {
        margin: 20px;
    }

    header {
        width: 300px;
        height: 40px;
        background-color: rgb(81, 135, 0);
        line-height: 40px;
    }

    header>div {
        margin-left: 10px;
        color: aliceblue;
    }

    ul {
        width: 220px;
        height: 350px;
        background-image: -webkit-linear-gradient(bottom, rgb(248, 248, 240), rgb(249, 250, 208));
        padding: 20px 40px;
    }

    li {
        margin: 15px 0;
        font-size: 14px;
    }

    a {
        color: rgb(57,95,177);
    }
    img{
        vertical-align: middle;
        /* 图文对齐 */
    }
</style>

<body>
    <header>
        <div>畅销书排行<img src="./05图片素材/bang.gif"></div>
    </header>
    <ul>
        <li>
            <a href="#"><img src="./05图片素材/book_no01.gif" height=20px>
                不抱怨的世界（畅...</a>
        </li>

        <li>
            <a href="#"><img src="./05图片素材/book_no02.gif" height=20px>
                遇见未知的自己...</a>
        </li>
        <li>
            <a href="#"><img src="./05图片素材/book_no03.gif" height=20px>
                活法（季羡林、...</a>
        </li>
        <li>
            <a href="#"><img src="./05图片素材/book_no04.gif" height=15px>
                高效能人士的七个习惯</a>
        </li>
        <li>
            <a href="#"><img src="./05图片素材/book_no05.gif" height=15px>
                被迫强大（北大女生香奈儿...</a>
        </li>
        <li>
            <a href="#"><img src="./05图片素材/book_no06.gif" height=15px>
                遇见心想事成的自己（《遇...</a>
        </li>
        <li>
            <a href="#"><img src="./05图片素材/book_no07.gif" height=15px>
                世界最伟大的推销员（插...</a>
        </li>
        <li>
            <a href="#"><img src="./05图片素材/book_no08.gif" height=15px>
                我的成功可以复制（唐骏亲...</a>
        </li>
        <li>
            <a href="#"><img src="./05图片素材/book_no09.gif" height=15px>
                少有人走的路：心智成熟的...</a>
        </li>
        <li>
            <a href="#"><img src="./05图片素材/book_no10.gif" height=15px>
                活出全新的自己—唤醒...</a>
        </li>
    </ul>
</body>

</html>

后面千万不要掉队