CSS文本样式

1. 字体属性

• 字体：font-family: "Times New Roman","黑体";
• 文字大小：font-size: 12px; font-size: 2em; font-size: 2rem; 绝对单位，相对单位。不设置时为浏览器默认字体，一般默认字体大小16px;em和%都是针对父元素相对的大小。
• 文字颜色： color：red; color：#ffffff; color：rgb(0，0，0);数字：0~255，百分比：0%~100%
• 文字粗细：font-wight: 400;为元素内文字设置粗细。值：normal | bold | bolder | lighter | 100~900,默认值：normal,400等同于normal，700等同于bold.
• 文字样式：font-style: normal； 值：normal | italic(斜体) | oplique（倾斜）
• 字体变形：font-variant:normal; 值：normal | small-caps设置元素中文本为小型大写字母。

font属性简写

说明：

1. 值之间空格隔开 2. 注意书写顺序

font: font-style font-variant font-weight font-size/line-height font-family

font: 20px "黑体"； // 字体大小要写在字体颜色前面
font: italic bold small-caps 20px/1.5em "黑体"；

2. 文本样式

text-indent: 首行缩进

text-algin:设置元素内文本的水平对齐方式。left | right | center | justify

line-height: 行高。浏览器有默认行高，一般为120%。

vertical-algin: 设置元素的垂直方式。语法：baseline | sub（下） | super（上） | top | text-top | middle | bottom | text-bottom | 长度 | 百分比 垂直对齐方式：对行内元素生效，对块级元素不生效。baseline基线以英文为标准。

单行文字垂直居中：line-height高度与外层容器高度一致。 多行文字垂直居中：vertical-algin对块级元素不起作用，只对行内元素，单元格元素起作用。父元素：display: table;子元素：display: table-cell；

其他文本样式属性：