web网页设计-练习题

最新推荐文章于 2024-06-20 15:06:48 发布

…1…

最新推荐文章于 2024-06-20 15:06:48 发布

阅读量175

点赞数 8

文章标签：前端 css css3

本文链接：https://blog.csdn.net/2301_81571192/article/details/137839223

版权

代码中有部分解析

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            font-family: 宋体;
            /*设置全文字体为宋体     字体类型*/
            color: #333;
            line-height: 30px;
            /*设置行高*/
        }

        h1 {
            text-align: center;
            /*标题居中*/
            font-size: 25px;
            /*字体大小*/
        }

        .one {
            font-size: 12px;
            color: pink;
        }

        .two {
            color: #4c67f4;
            font-size: 16px;
            font-style: italic;
            /*字体样式  normal（默认值）标准，italic 斜体*/
            font-weight: 700;
            /*字体粗细   正常：normal 或400   加粗：bold 700*/
        }

        .four {
            color: #390;
            text-decoration: underline;
            /* 文本修饰  none（默认，没有装饰线） 
             underline 下划线（链接a自带下划线）
             overline 上划线 
             Line-through 删除线*/
        }

        p {
            text-indent: 2em;
            /*文本缩进 首行缩进是2em
            补充：1em=10px    1rem=20px  */
        }
    </style>
</head>

<body>
    <h1>初相遇 <span class="one">文/席慕容</span></h1>
    <p>美丽的梦和美丽的诗一样，都是可遇而不可求的，常常在最没能料到的时刻里出现。
    </p>
    <p>我喜欢那样的梦，在梦里，一切都可以重新开始，一切都可以慢慢解释，心里甚至还能感觉到，所有被浪费的时光竟然都能重回时的狂喜与感激。
        <span class="two">胸怀中满溢着幸福，只因你就在我眼前</span>,对我微笑，一如当年。
    </p>
    <p class="four">我喜欢那样的梦，明明知道你已为我跋涉千里，却又觉得芳草鲜美，落落英缤纷，好像你我才初相遇。</p>
</body>

</html>