css文本样式

凉风听雪

已于 2022-08-23 16:01:34 修改

阅读量86

点赞数

分类专栏：前端开发文章标签： CSS text-indent text-align text-decoration line-height

于 2022-08-23 15:03:45 首次发布

本文链接：https://blog.csdn.net/p_s_p/article/details/126485404

版权

前端开发专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!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>Document</title>


    <style>
    /* 文本缩进
        属性名:text-indent
        取值：数字+px
              数字+em（推荐：1em=当前标签的font-size大小）
               */
        p{
            text-indent: 2em;
            line-height: 1.5;
        }
    /* 文本水平对齐方式 */
        /* 属性名：text-align
            取值：left 左对齐
                  center 居中
                  right 右对齐
        */
        h1{
            text-align: left;
        }
        body{
            text-align: center;
        }
        /* 文本修饰 */
        /* 
        属性名：text-decoration
        取值： underline   下划线
              line-through  删除线
              overline   上划线
              none    无装饰线
        */
        a{
            text-decoration: none;
            /* text-decoration: underline; */
            /* text-decoration: overline; */
        }
        /* 行高  一行的上下间距 */
        /* 
        属性名：line-height
        取  值：数字+px
                倍数（当前font-size的倍数）
                
        */
        h2{
            line-height: 2;
        }
    </style>

</head>
<body>
    <p>
        这一会断啥讲道理讲案例是基督教 阿森松岛了安
        静了圣诞节哦就觉得sad阿拉基倒垃圾时来得及阿里懂啦
        讲述了大落实到垃圾第六届阿拉斯加东大街 氨基酸倒垃
        圾啊两三点
    </p>
    <h1>
        najiuzheyangbahahaha
    </h1>
    <img width="300" height="100" src="../1html基础/image/QQ图片20220515122110.jpg" alt="haha">
    <br>
    <a href="">超链接哈哈哈哈</a>
    <h2>我的间距是2倍</h2>

</body>
</html>

在css属性中添加 margin：0 auto 表示居中