1，文字排版
1-1，字体
.p1 {
font-family: "宋体"
}
运行效果：
第一个段落为“宋体”
1-2，字号和颜色
p {
font-size: 25px;
color: #0F0
}
运行效果：
两个段落的字号为“25px”，字体颜色为“#0F0” 第一个段落继承了 .p1 的字体，字体为“宋体”
1-3，粗体和斜体
1-3.1，粗体
.p2 {
font-weight： bold
}
运行效果：
段落二的字体粗细为“bold”（粗体）
bold（粗体） lighter （细体） normal （正常体）
1-3.2，斜体
.p2 q {
font-style: italic
}
运行效果：
段落中引用的字体为“italic”（斜体）
1-4，下划线，删除线
.cost1 {
text-decoration: underline
}
.cost2 {
text-decoration: line-through
}
运行效果：
“现价”样式为“underline”（下划线） ”原价“样式为：“line-through”（划掉）
2，段落排版
2-1，缩进
.p1 {
text-indent: 2em
}
运行效果：
第一段开始空出“2em”
文本中的“em”的大小是根据font-size：的值来变化的!
例：font-size：20px；则 1em=20px
2-2，行间距
.p1 {
line-height: 2em
}
运行效果：
段落中每个字符占的行间距“2em”
2-3，字间距
.spacing1 {
letter-spacing: 20px
}
.spacing2 {
word-spacing: 20px
}
运行效果：
letter-spacing：运行如第一段，作用于每一个文字和字母！（单词会被拆分成字母）
word-spacing：运行如第二段，作用于每一个单词
2-4,文本排列
h1 {
text-align: center
}
h2 {
text-align: left
}
h3 {
text-align: right
}
运行效果：
center（中） left（左） right（右）
