文本样式可以控制文本的字体、字号、颜色等常规属性
文本样式甚至还可以取代加粗、倾斜等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；
本文出自 “擎凇离雨痴木月” 博客，请务必保留此出处http://kinrey.blog.51cto.com/10492082/1826916
原文地址：http://kinrey.blog.51cto.com/10492082/1826916
