CSS文本属性

1.CSS文本属性

    CSS Text(文本)属性可定义文本的外观,比如文本的颜色,对齐方式,装饰文本,文本缩进,行间距等.

2.文本颜色

    color属性用于定义文本的颜色

    2.1文本颜色的语法规范

          div {
                  color: red;
          }

3.对齐方式

    text-align 属性用于设置元素内文本内容的水平对齐方式

    3.1对齐方式的语法规范

        div {
                text-align :  center;
        }

4.装饰文本

    text-decoration 属性规定添加到文本的装饰,可以给文本添加下划线,删除线,上划线等

    4.1装饰文本的语法规范

              div {
                      text-decoration: underline;
              }

5.文本缩进

    text-indent 属性用来指定文本的第一行的缩进,通常是将段落的首行缩进.

    5.1文本缩进的格式

         div {
                 text-indent: 10px;
         }  

         通过设置该属性,所以元素的第一行都可以缩进一个给定长度,甚至该长度可以是负值.

         p {
              text-indent: 2em;
         }

         em是一个相对单位,就是当前元素(font-size)1个文字的大小,如果当前元素没有设置大小,则会按照父元素的1个文字大小.

6.行间距

    line-height 属性用于设置行间的距离(行高),可以控制文字行与行之间的间距

    6.1行间距的语法格式

     p {
           line-height: 26px;
     }

      行间距 = 上间距 + 文本高度 + 下间距      如下图

7.文本属性总结

酒枯推荐

      推荐使用浏览器：Google Chrome

      推荐使用Java环境：IDEA（IntelliJ IDEA）

          本周推荐学习：JavaScript

          推荐学习视频链接：https://ke.qq.com/course/231577?taid=2841395744442521

          推荐练习Java环境：https://leetcode-cn.com/