目录

一.文本样式的属性种类

二.文本样式的属性的使用方法

                1.text-transform 可以用来设置文本的大小写

                2. text-decoration  [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰

                3.letter-spacing可以指定字符间距,word-spacing可以设置单词之间的距离

                4. text-align用于设置文本的对齐方式

                5.text-indent 设置首行缩进

 6.white-space; 设置网页如何处理空白 ,text-overflow 文本溢出包含元素时的事

                 7.vertical-align  设置元素垂直对齐的方式

                8.text-shadow: h-shadow v-shadow blur color设置文本的阴影

                9.box-shadow: h-shadow v-shadow blur color设置块元素的阴影

一.文本样式的属性种类

二.文本样式的属性的使用方法

                1.text-transform 可以用来设置文本的大小写

使用方法:

p{
    text-transform: capitalize;
}

                2. text-decoration  [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰

用法:

p{
    text-decoration: line-through;
}

                3.letter-spacing可以指定字符间距,word-spacing可以设置单词之间的距离

letter-spacing的用法(设置字符之间的间距):

word-spacing的用法(设置单词之间的距离):

                4. text-align用于设置文本的对齐方式

p{
    text-align:center ;
    文本居中对齐
}

                5.text-indent 设置首行缩进

        6.white-space; 设置网页如何处理空白 ,text-overflow 文本溢出包含元素时的事

 设置文本省略号的使用方法:

.p3 {
        background-color: pink;
        /*设置单行文本省略号的写法 */
        /* 先设置固定宽度 */
        width: 300px;
        /* 设置不换行 */
        white-space: nowrap;
        /* 设置省略号 */
        text-overflow: ellipsis;
        /* 裁剪多余的/溢出的内容 */
        overflow: hidden;
        /* 扩充：多行文本的省略号 */
      }

                 7.vertical-align  设置元素垂直对齐的方式

基线对齐(图片底部与x的底部对齐称为基线对齐):

                8.text-shadow: h-shadow v-shadow blur color设置文本的阴影

                9.box-shadow: h-shadow v-shadow blur color设置块元素的阴影