- 文本颜色
- 使用color属性,设置文本的颜色
- 属性值
- 预定义的颜色:red、yellow、green等。
- RGB颜色:rgb(255,0,0) 代表纯红色 rgb(100%,100%,100%); 代表白色
- 十六进制的颜色:#fff000
- 文本对齐
- 使用text-algin属性来设置元素内的文本对齐方式
- 属性值:
- left(默认值,左对齐)
- center 居中对齐
- right 右对齐
- 文本装饰
- 使用text-decoration属性来控制文本的装饰
- 常用的属性值none 默认值,没有装饰(给a标签去掉下划线,使用频率最高)overline 上划线line-through 删除线underline 下划线
- 文本缩进使用text-indent属性来控制文本的缩进(指的是第一行缩进),通常用在段落的首行。
- 属性值
- 固定像素单位,比如20px
- 相对单位 2em
- em是一个相对单位,相对的是当前元素的font-size的大小,1em就是一倍的font-size值,想要缩进两个字符就可以写成2em。
- 行间距
- 使用line-height属性来设置行高,可以控制文字行与行之间的距离
- 属性值
- 具体像素值
- font-size的倍数,推荐使用倍数,可以让页面中的字体根据自己的实际来自适应行高。
- 使用line-height来实现文本的垂直居中
- 将line-height的属性值设置成和父元素的高度一致即可。
- 文本换行
- 通过white-space属性来控制文本是否换行
- 属性值
- normal 默认值换行
- nowrap 控制文本到达父元素边界不换行
|