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

文本样式甚至还可以取代加粗、倾斜等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;