文本样式可以控制文本的字体、字号、颜色等常规属性
文本样式甚至还可以取代加粗、倾斜等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;