扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
文本css样式有：文本颜色“color”、文本方向“direction”、字符间距“letter-spacing”、文本水平对齐方式“text-align”、文本修饰“text-decoration”、首行缩进“text-indent”等。
十余年的临川网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整临川建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“临川网站设计”,“临川网站推广”以来，每个客户项目都认真落实执行。
本教程操作环境：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: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(默认为0)
应用于: 所有元素
继承性: 有
letter-spacing字母间隔
字母间隔是指字符间距
注意：字母间隔可为负值
letter-spacing：初始值: normal(默认为0)
应用于: 所有元素
继承性: 有
text-transform文本转换
文本转换用于处理英文的大小写转换。
语法：
text-transform:uppercase(全大写) | lowercase(全小写) | capitalize(首字母大写) | none | inherit初始值: none
应用于: 所有元素
继承性: 有
text-decoration文本修饰
文本修饰用于为文本提供修饰线。
注意：文本修饰线的颜色与文本颜色相同。
语法：
text-decoration:none | [underline(下划线) || overline(上划线) || line-through(中划线)] | inherit初始值: none
应用于: 所有元素
继承性: 无
（学习视频分享：css视频教程）
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网