CSS文本是一种用于控制网页上文本样式和布局的技术,它可以用来设置文本的颜色、字体、大小、行高、对齐方式等属性,以及文本的间距、缩进、装饰等效果,CSS文本的主要功能包括:
1、文本颜色:通过设置color属性,可以改变文本的颜色,可以使用颜色名称、十六进制代码、RGB值或HSL值来指定颜色。
p { color: red; }
2、字体:通过设置font-family属性,可以改变文本的字体,可以使用字体名称、字体族名称或通用字体名称来指定字体。
h1 { font-family: Arial, sans-serif; }
3、字体大小:通过设置font-size属性,可以改变文本的大小,可以使用绝对大小(如px、em等)或相对大小(如larger、smaller等)来指定字体大小。
p { font-size: 16px; }
4、行高:通过设置line-height属性,可以改变文本的行高,可以使用绝对大小(如px、em等)或相对大小(如normal、1.5等)来指定行高。
p { line-height: 1.5; }
5、对齐方式:通过设置text-align属性,可以改变文本的对齐方式,可以使用left、right、center或justify来指定对齐方式。
p { text-align: center; }
6、文本间距:通过设置letter-spacing和word-spacing属性,可以改变文本的字母间距和单词间距。
p { letter-spacing: 1px; word-spacing: 2px; }
7、缩进:通过设置text-indent属性,可以改变段落的首行缩进,可以使用绝对大小(如px、em等)或相对大小(如length、percent等)来指定缩进。
p { text-indent: 2em; }
8、装饰:通过设置text-decoration属性,可以给文本添加下划线、上划线或删除线,可以使用none、underline、overline或line-through来指定装饰。
a { text-decoration: underline; }
9、文字转换:通过设置text-transform属性,可以改变文本的大小写,可以使用none、capitalize、uppercase或lowercase来指定转换。
p { text-transform: uppercase; }
10、文字阴影:通过设置text-shadow属性,可以为文本添加阴影,可以使用模糊距离、水平偏移、垂直偏移和颜色来指定阴影。
h1 { text-shadow: 2px 2px 2px #000; }
11、文字溢出处理:通过设置overflow属性,可以控制当文本内容超出容器时的处理方式,可以使用visible、hidden、scroll或auto来指定溢出处理。
div { overflow: scroll; }
12、文字换行处理:通过设置white-space属性,可以控制当文本内容超出容器时的换行方式,可以使用normal、nowrap、pre-wrap或pre-line来指定换行处理。
p { white-space: pre-wrap; }
13、文字方向:通过设置direction属性,可以改变文本的方向,可以使用ltr(从左到右)或rtl(从右到左)来指定方向。
body { direction: rtl; }