文本css样式有哪些
文本css样式有：文本颜色“color”、文本方向“direction”、字符间距“letter-spacing”、文本水平对齐方式“text-align”、文本修饰“text-decoration”、首行缩进“text-indent”等。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
文本css样式
| 属性 | 描述 |
|---|---|
| color | 设置文本颜色 |
| direction | 设置文本方向。 |
| letter-spacing | 设置字符间距 |
| line-height | 设置行高 |
| text-align | 文本水平对齐方式 |
| text-decoration | 向文本添加修饰 |
| text-indent | 缩进元素中文本的首行 |
| text-shadow | 设置文本阴影 |
| text-transform | 控制元素中的字母 |
| unicode-bidi | 设置或返回文本是否被重写 |
| vertical-align | 文本垂直对齐方式 |
| white-space | 设置元素中空白的处理方式 |
| word-spacing | 设置字间距 |
下面给大家介绍一些css文本样式。
text-indent首行缩进
首行缩进是将段落的第一行缩进，这是常用的文本格式化效果。一般地，中文写作时开头空两格，类似于此。
该属性的值是允许为负值的。
语法：
text-indent:<length> | <percentage> | inherit
tip：初始值为0；
应用于: 块级元素(包括block和inline-block)
继承性: 有
百分数: 相对于包含块的宽度
案例：首字符下沉
div {
width: 200px;
border: 1px solid black;
text - indent: 0.5em;
}
div: first - letter {
font - size: 30px;
float: left;
}
text-align水平对齐
水平对齐是影响一个元素中的文本的水平对齐方式。
语法：
text-align: left | center | right | justify | inherit
初始值: left
应用于: 块级元素(包括block和inline-block)
继承性: 有
对于IE7-浏览器来说，使用text-align不仅会改变文本的水平对齐方式，也会改变后代块级元素的水平对齐方式
word-spacing字间隔
字间隔是指单词间距，用来设置文字或单词之间的间距。实际上，"字"表示的是任何非空白符字符组成的串，并由某种空白符包围。
注意：单词之间用空格分开，单词之间的间距 = word-spacing + 空格大小
注意：字间隔可为负值
语法：
word-spacing: <length> | normal | inherit
初始值: normal(默认为0)
应用于: 所有元素
继承性: 有
letter-spacing字母间隔
字母间隔是指字符间距
注意：字母间隔可为负值
letter-spacing：<length> | normal | inherit
初始值: normal(默认为0)
应用于: 所有元素
继承性: 有
text-transform文本转换
文本转换用于处理英文的大小写转换。
语法：
text-transform:uppercase(全大写) | lowercase(全小写) | capitalize(首字母大写) | none | inherit
初始值: none
应用于: 所有元素
继承性: 有
text-decoration文本修饰
文本修饰用于为文本提供修饰线。
注意：文本修饰线的颜色与文本颜色相同。
语法：
text-decoration:none | [underline(下划线) || overline(上划线) || line-through(中划线)] | inherit
初始值: none
应用于: 所有元素
继承性: 无
（学习视频分享：css视频教程）
以上就是文本css样式有哪些的详细内容，更多请关注其它相关文章！