CSS 文本属性

482 阅读1分钟

css Text(文本)属性可以定义文本的外观,比如文本的颜色,对齐文本,装饰文本,文本缩进,行间距等

文本颜色

color属性用于定义文本的颜色

div {
	color:red;
}
  • 预定义的颜色值:red,green等
  • 十六进制:#FF0000(常用)
  • RGB代码:rgb(255,0,0)或rgb(100%,0%,0%)

对齐文本

text-align属性用于设置元素内文本内容的水平对齐方式

div {
	text-align:center;
}
  • 本质是让盒子里面的文字水平居中对齐
属性值解释
left左对齐
right右对齐
center居中对齐

装饰文本

text-decoration属性规定添加到文本的修饰,可以给文本添加下划线,删除线,上划线等。

div {
            text-decoration: underline;
}
属性值描述
none默认。没有装饰线(最常用)
underline下划线。链接a自带下划线(常用)
overline上划线(几乎不用)
line-through删除线(几乎不用)

文本缩进

text-indent属性用来指定文本的第一行的缩进,通常是将段落的首行缩进

p {
   text-indent: 10px;
}

通过设置该属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。

p {
	text-indent:2em;
}
  • em是一个相对单位,就是当前元素(font-size)1个文字的大小,如果当前元素没有设置大小,则会按照父元素的1个文字大小。
  • 假如是汉字,2em表示缩进当前元素2个文字大小的距离 在这里插入图片描述

行间距

line-height属性用于设置行间的距离(行高),可以控制文字行与行之间的距离。

p {
	line-height:26px;
}

在这里插入图片描述

量行高工具:FSCapture

在这里插入图片描述