2019年12月20日作业

形似而神非。
上周五学的东西，还不会用。听能听得懂，但到用时就一筹莫展，根本用不起来。
感觉进度太快，没时间消化。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>20191220作业</title>
    <style>
        body {
            font-size: 20px;
        }
        .line1 {
            width: 800px;
            height: 50px;
            position: relative;
            /*background-color: blue;*/
        }
        .line11 {
            width: 200px;
            padding: 10px;
            /*background-color: greenyellow;*/
            position: absolute;
            display: inline-block;
            color: red;
            /*box-sizing: content-box;*/
            /*box-sizing: border-box;*/
        }
        .line12 {
            width: 200px;
            padding: 10px;
            margin-left: 400px;
            position: absolute;
            display: inline-block;
            box-sizing: content-box;
            box-sizing: border-box;
        }
        .line13 {
            width: 200px;
            padding: 10px;
            /*background-color: grey;*/
            position: absolute;
            display: inline-block;
            font-size: 20px;
            /*top: 0;*/
            /*bottom: 0;*/
            /*left: 0;*/
            /*right: 0;*/
            text-align: right;
            margin-left: 600px;
            box-sizing: content-box;
            box-sizing: border-box;
        }
        td.tag {
            width: 30px;
            font-size: 30px;
            color: red;
        }
        td.txt {
            width: 170px;
            font-size: 12px;
        }
    </style>
    <link rel="stylesheet" href="chapter2/reset.css">
</head>
<body>
<div class="line1">
    <div class="line11">⬤ php中文网</div>
    <div class="line12">
        <form action="https://www.baidu.com/s" target="_blank" class="formstyle"><input class="formstyle" type="text" name="wd"></form>
    </div>
    <div class="line13">♔  ♕  ♖  ♗  ♘  ♙</div>
</div>
<table>
    <tr>
        <td rowspan="2" class="tag">☀</td>
        <td class="txt">资讯 | 器材 大师 学院 实战</td>
        <td rowspan="2" class="tag">☁</td>
        <td class="txt">爱好 | 有品 图片 喝水 飞机</td>
        <td rowspan="2" class="tag">☂</td>
        <td class="txt">软件 | 学习 爱国 敬业 友善</td>
        <td rowspan="2" class="tag">☃</td>
        <td class="txt">编程 | 吃饭 周易 黄山 合肥</td>
    </tr>
    <tr>
        <td class="txt">学习 | 大赛 裤子 影院 其他</td>
        <td class="txt">短袜 | 坦克 气球 毛线 其他</td>
        <td class="txt">技能 | 富强 互助 仁义 其他</td>
        <td class="txt">美女 | 上海 北京 杭州 其他</td>
    </tr>
</table>
<img src="20191222.png" alt="" width="800">
</body>
</html>
相关文章
