css中文本样式属性有哪些
这篇文章主要为大家展示了"css中文本样式属性有哪些"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"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:| | 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:| normal | inherit
初始值: normal(默认为0)
应用于: 所有元素
继承性: 有
letter-spacing字母间隔
字母间隔是指字符间距
注意：字母间隔可为负值
letter-spacing：| 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中文本样式属性有哪些"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！
