文本样式可以控制文本的字体、字号、颜色等常规属性

文本样式甚至还可以取代加粗、倾斜等HTML元素


文本颜色color

color属性设置文本颜色

color属性的语法结构

- color：value；


p{
color: red;
}


字体font-family

font-family设置文本字体

font-family：value，value，...

当字体名中有一个或多个空格（比如New York），或者如果字体名包含#或$之类的符号，需要在font-family声明中加引号

font-family:"宋体",Arial;


字号font-size

font-size属性设置字号

font-size属性的语法结构：

- font-size：value；

标题字号：20~24px

正文字号：12px~14px


文本加粗font-weight

font-weight属性设置文本的粗细

font-weight属性的语法结构

- font-weight：normal|bold|100~900；

- 400相当于normal

- 700相当于bold


文本风格font-style

font-style属性定义字体的风格

font-style属性的语法结构：

- font-style：normal|italic


字符转换text-transform

text-transform属性控制文本的大小写

text-transform属性的语法结构：

- text-transfrom：none|capitalize|uppercase|lowercase；


行高line-height

line-height属性设置行高

line-height属性的语法结构

- line-height：value；


修饰线text-decoration

text-decoration属性设置文本的修饰线

text-decoration属性的语法结构：

text-decoration：none|underlin|line-through|overline；


水平对齐text-align

text-align属性设置文本的水平对齐方式

text-align属性的语法结构

- text-algin：left|center|right|justify；


首行缩进text-indent

text-indent属性设置文本块中首行文本的缩进

允许使用负值。如果使用负值，那么首行会被缩进到左边

text-indent属性的语法结构：

- text-indent：value；