css文本

css文本简介

-css文本样式主要是对元素内的文字进行样式处理，以便达到最佳效果，其中可以对文本的颜色，大小，样式，排版等等进行绘制，其中文字类型和颜色和大小是可以向下默认继承的，如果子元素设置了文本样式，则会进行覆盖。

css文本颜色（color）

1.简介：对文本颜色进行设置，可以设置颜色名，十六进制，rgb，rgba等一系列，可向下继承

2.属性值：
（1）color_name：设置颜色值为文本颜色
（2）hex_name:设置十六进制为文本颜色
（3）rgb_name：这是十六进制为文本颜色
（4）inherit：继承父元素的文本颜色
（5）rgb：使用rbg格式进行设置文本颜色
（6）rgba：使用rbga格式进行设置文本颜色，可以多进行设置文本的透明度

css文本方向（direction）

1.简介：设置文本方向或者文本书写方向

2.属性值：
（1）ltr：默认值，文本方向从左到右
（2）rtl：文本方向从右到左
（3）inherit：继承父级元素的dirction属性

css字符间距（letter-spacing）

1.简介：增加或者减少字符间的间距

2.属性值：
（1）normal：默认值，字符间没有额外空间
（2）length:设置字符间距长度
（3）inherit：继承父级的letter-spaceing

css行高（line-height）

1.简介：设置字体行高，是字体在行高内呈现居中显示。

2.属性值：
（1）normal：默认值，根据字体大小系统自动设置合理的行高
（2）number：倍数，设置的倍数会与字体的尺寸相乘来设置行高
（3）%：基于字体的尺寸百分比来设置行高
（4）inherit：继承父级的line-height属性

css元素文本的水平对齐方式（text-align）

1.简介：对元素文本的水平方式进行设置

2.属性值：
（1）left：向左对齐，默认方式
（2）right：向右对齐
（3）center：居中对齐
（4）justify:实现两端对齐
（5）inherit：继承父级的text-align属性

css文本修饰属性（css-decoration）

1.简介： 对css元素文本进行修饰，其中对修饰问进行样式，颜色，线型进行设置，为text-decoration-color、text-decoration-style、text-decoration-line的简写方式，可以同时设置这3个属性，也可以只设置一个，例如：

text-decoration: none;                     /*没有文本装饰*/
text-decoration: underline red;            /*红色下划线*/
text-decoration: underline wavy red;       /*红色波浪形下划线*/

2.属性值：
（1）none:默认值，文本标准显示
（2）underline：设置下划线
（3）overline：设置文本上划线
（4）line-through：设置文本删除线
（5）bink：设置闪烁文本
（6）inherit：继承父级css-decoration属性

设置文本的首行缩进（text-indent）

1.简介：设置元素文本的首行缩进

2.属性值：
（1）length：定义固定的缩进，单位px
（2）%：按父级元素的百分比缩进
（3）inherit：继承父级text-indent属性

设置元素文本阴影（text-shadow）

1.简介：设置元素文本阴影，语法格式为：

text-shadow ： h-shadow v-shadow blur color

其中text-shadow可以同时设置多个样式，每个样式使用逗号分隔

2.属性值：
（1）h-shadow：必须，水平阴影的 位置（偏移量）
（2）v-shadow:必须，垂直阴影的位置（偏移量）
（3）blur：可选，模糊的距离（扩散范围）
（4）color：可选，阴影颜色

转换元素中的不同文本（text-transform）

1.简介：主要是对文本的英文字母控制大小写

2.属性：
（1）none：默认，不对文本中信息做强制更改，保持原样
（2）capitalize ：文中每个单词以大写之母开头
（3）uppercase：将文中的字母全部转换为大写
（4）lowercase：将文中的字母全部转换为小写
（5）inherit：继承父级的text-transform属性

css元素文本垂直对齐方式（vertical-align）

1.简介：设置元素文本垂直方向对其方式

2.属性值:
（1）baseline：默认值，元素设置在父元素的基线上
（2）sub：垂直对齐文本的下标
（3）super：垂直对齐文本的上标
（4）top：将元素的顶端与行内最高元素的顶端对齐
（5）text-bottom：把元素与父元素的字体的低端对齐
（6）text-top：把元素与父元素的字体的顶端对齐
（7）middle：把元素放在父元素的中部
（8）bttom：把元素放在父元素的低端
（9）%：使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。（行内）
（10）inherit：继承父级元素的vertical-align属性

对文本元素的空白区域进行处理（write-space）

1.简介：对文本区域留白部分进行处理

2.属性值：
（1）normal：默认，空白会被浏览器忽略，多个空白会被合并为一个
（2）pre：空白会被浏览器进行保留
（3）nowrap：文本不会换行，文本会在同一行进行，知道遇到
停止结束
（4）pre-wrap：保留空白序列，能够正常的换行
（5）pre-line：合并空白序列，能够正常换行
（6）inherit：继承父级的write-wrap属性值

设置字符间距（word-spacing）

1.设置文本字符间的间距

2.属性值：
（1）normal：默认，设置为单词间的正常间距
（2）length：定义单词的固定空间（px值）
（3）inherit：jc父级元素的word-spacing属性值