CSS基础文本样式笔记

最新推荐文章于 2024-10-29 19:24:34 发布

胡先生的博客

最新推荐文章于 2024-10-29 19:24:34 发布

阅读量199

点赞数

文章标签： css

本文链接：https://blog.csdn.net/weixin_47683287/article/details/109321524

版权

这篇博客详细介绍了CSS中用于设置文本样式的各种属性，包括字体、颜色、大小、对齐方式等，是学习CSS基础的必备知识。

摘要由CSDN通过智能技术生成

CSS基础文本样式

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
        <style>
            p{
                text-indent: 20px;
                word-spacing: 50px;
            }
            span{
                letter-spacing: 25px;
            }
        </style>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- 文本样式
                    缩进：text-indent：值
                    水平对齐：text-align
                      可选值：left  左对齐
                             right  右对齐
                             center  居中
                             justify  两端文本对齐
                    word-spacing：规定字与字间的距离
                    letter-spacing :规定字母间的间隔
                    text-transform：处理文本大小写
                             可选值：capitalize   文本中的每个单词以大写字母开头
                                    uppercase   全大写
                                    lowercase   全小写
                    text-decoration：规定文本修饰
                              可选值：underline    下划线
                                     overline     上划线
                                     line-through   中划线(删除线)
                                     blink    定义闪烁文本
                    color：设置文本颜色
                    line-height：行高
                    vertical-align: middle; 设置图标与字体的基线对齐
                    text-overflow:设置文本被裁减的部分(比如省略号显示)ellipsis

        
        -->
        <p>
            你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊
            你啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
        </p>
        <span>This is my father</span>

        
        <script src="" async defer></script>
    </body>
</html>