文字颜色

属性名color
颜色的值可以采用3种方式

1. 预定义的颜色名字
   比如red,gray,white,black,pink
2. rgb格式
   分别代表红绿蓝的比例 rgb(250,0,255) 即表示红色是满的，没有绿色，蓝色是满的，即红色和蓝色混合在一起：紫色

3. 16进制的表示

   00ff00 等同于 rgb(0,255,0)

文本对齐
属性:text-align
值：left,right,center
div是块级元素，其默认宽度是100%，所以文本有对齐的空间前提。

但是，span却看不出右对齐效果，为什么呢？
因为span是内联元素其默认宽度就是其文本内容的宽度
简单说就是文本已经粑在其边框上了，对齐是看不出效果来的

使用了后面的样式风格，让div和span的边框显露出来，便于理解本知识点
用到了边框和外边距

<style>
    div,span{border: 1px gray solid;margin: 10px;}/*让div和span的边框显露出来，便于理解本知识点*/
    div#left{
        text-align: left;
    }
    div#right{
        text-align: right;
    }
    div#center{
        text-align: center;}
        span#right{
            text-align: right;
        }

</style>


<div id="left">左对齐</div>
<div id='right'>右对齐</div>
<div id="center">居中</div>
<span id="right">span看不出对齐效果</span>

文本修饰
属性：text-decoration
值： overline

<style type="text/css">
    h1{
        text-decoration: overline;/*我是上划线*/
    }
    h2{text-decoration: line-through;}
    h3{text-decoration: underline;}
    h4{text-decoration: blink;}
    .a{text-decoration: none;}
</style>

<h1>上划线</h1>
<h2>删除效果</h2>
<h3>下划线</h3>
<h4>闪烁效果，大部分浏览器已经取消该效果</h4>
<a href="https://how2j.cn">我是默认超链接</a><br>
<a class="a" href="https://how2j.cn">我是去掉下划线的超链接</a>

行间距
属性：line-height
值：数字或者百分比

.p{
  line-height:200%;
}

字符间距

属性：letter-spacing
值： 数字

.p{
  letter-spacing:2;
}

单词间距

属性：word-spacing
值： 数字

首行缩进

属性：text-indent
值： 数字

大小写
属性：text-transform
值：
uppercase 全部大写
capitalize 首字母大写
lowercase 全部小写

空白格
属性：white-space
值：
normal 默认。多个空白格或者换行符会被合并成一个空白格
pre 有多少空白格，显示多少空白格，相当于pre标签,如果长度超出父容器也不会换行。
pre-wrap 有多少空白格，显示多少空白格，相当于pre标签,如果长度超出父容器，会换行。
nowrap 一直不换行，直到使用br