CSS文本属性

  字体font属性针对的是单个字的字体格式font-family、大小font-size、粗细font-weight等样式， 文本text属性针对的是文本，不是单个字符，比如文本的字符间距letter-spacing、行高line-height...

文字颜色color

  所有的颜色都可以通过RGB三原色表示，如果使用十进制描述，比如红色成分R用0~255表示，0相当于无红色，255表示红色的最大值，红色被分级256份， 255恰好是2的八次方，用二进制表示就是11111111， 用十六进制表示就是FF，使用英文作为关键字描述就是red。就本人个人习惯而言几百种常用的设计颜色，就记住初中英文中常提到的颜色，因为在接触CSS之前，接触的是底层的光学、图形学 计算机知识，平时表达颜色的时候习惯于用二进制、十六进制形式。有编程基础理解这些没有任何问题，没有编程基础也没关系，你不用管几进制，一个网站的完成需要多个人参与， 有的侧重技术的，有的侧重网页效果，每个人专业习惯不同，思考方式不同。每次设计网页的时候， 可以通过可视化颜色表查找一个颜色对应值。

    <style>
        /*不同形式定义红色*/
        .p1{
            color: #FF0000;/*十六进制*/
        }
        .p2{
            color: red;/*关键字*/
        }
        .p3{
            color: rgb(255,0,0);/*rgb()，r、g、b分别是red、green、blue的首字母*/
        }
        .p4{
            color: rgba(255,0,0,0.8);/*rgba中第四个参数a表示文字透明度，*/
        }
    </style>

文本居中text-align

  text-align的默认值是left，文本靠左，center表示文本居中，right表示文本右对齐。子元素会继承父元素的text-align值，也就是说你如果不希望子元素里面的文本居中，需要重新定义text-align 的属性值。

<!--定义文本居中text-align: center-->
<div style="width: 400px;background-color: #00aaff;text-align: center">
    修身齐家治国平天下<!--直接写文本-->
    <div>太极生两仪，两仪生四象</div><!--子元素未定义宽度-->
    <p style="width: 150px;background-color: #0d72da;height: 20px">以直报怨</p>  <!--子元素定义宽度-->
</div>

字间距word-spacing和字符间距letter-spacing

  这两个属性约束的对象不同，这要从英文说起，一个英文字母和一个汉字都称为一个字符，字符都有一个编码，一个英文单词由多个字母也就是多个字符组成，英文单词之间都有空格， 当你使用letter-spacing属性的时候，比如letter-spacing:2px表示左右的英文字母间隔2px，对于电脑来说一个汉字就是一个字符，同样也会等间距2px，使用word-spacing定义字间距，浏览器 如何区分字符和单词，其实很简单，英文单词之间有一个分隔符空格，浏览器解析代码发现空格，就会执行属性word-spacing定义的值。编写代码的时候， 如果每写一个汉字的时候留一个空格，也会被当成字word而不是字符。

text-decoration

行高line-height

总结

  一部分文本属性除了可以约束文字，也适用于行内元素、行内块元素。参照《行内块元素间隙》