css格式化文本

选择字体

font-family: "Times New Roman", Times, serif;

注意：字体名称中包含多个单词要用("")括起来。

字体颜色

color：#cccccc(16进制)

color: rgb(0%, 100%, 0%) 或者 color: rbg(0, 255, 0)

rgb颜色，百分数表示0-255的一个数

修改字号

font-size

font-szie后面可接keywords(关键字) px 百分比 em

px:即像素值，最为常用，默认文本的像素值为16px；

keywords: 总共有7个关键字，分别为 xx-large， x-large, large, medium, small x-small, xx-small。但是关键字不精确，而且也缺乏灵活性，因此较少使用。

百分比:由于字号是一种可以继承的属性，因此使用百分比有时要通过计算。比如: 浏览器一般默认的字号都为16px，那么你将一个元素的字号设置为100%，那么这个元素的字号就为16px,也就是说100%对应16px，这是一个基准。因此，如果要将该元素的字号变为32px，那么，用百分比表示就是200%，即16 * 2。接下来，我们来看，如果有下面的结构:

<p>  <!--字号为20px--><span>文本</span> <!--字号为75%-->
</p>

由于span标签会继承p标签的字号20px，因此，此时span的字号计算公式为20 * 0.75(也就是75%) = 15px。类似的结构可以层层嵌套，只要计算一下就可以了。

em: 表示一个大写M的高度。但是他的作用与百分比很相近，1em = 100%， .75em = 75%, 2em = 200%。

格式化词语和字母

斜体化 font-style

italic(斜体) normal(正常) oblique(和italic一样)

粗体 font-weight

你可以选择100-900之间的整百数(900超粗，100不可见),但是由于浏览器支持的原因，用的很少。一般normal(正常) bold(粗体)

大写化

text-transform

uppercase(大写) lowercase(小写) capitalize(首字母大写) none(不进行大小写)

该属性可以被继承

小型大写字母

font-variant: small-cap;

文本修饰

text-decoration

underline line-through overline none

字母间距和字间距

letter-spacing word-spacing

对于这些属性，可以使用文本尺寸(px em 百分比) 正值代表扩大，负值为缩小。

行高

line-height

px em 百分比缩放因子

要理解行高，首先要理解一些概念，可以参考这篇文章和里面的链接文章《深入理解css中的行高》

使用行高时要注意一些问题:

1 图片会将整行的行框撑开，但是却并不改变实际的行高

2 em和百分比是相对于文本的字号来计算的，比如文本字号为12px，而行高被设置为150%(1.5em)，那么行高为12 * 1.5

3 行高可以被继承，但是em和百分比继承的是计算值，而缩放因子继承的是本身。比如p标签的行高被设置为150%，里面文本字号为10px，那么p里面所有标签都将继承15px的行高，而不是150%；但是缩放因子不同，如果p的缩放因子被设置为2，文本字号为10px，那么p里面所有后代标签都将继承2这个值，而不是20px的行高

垂直对齐

vertical-align

baseline:基线对齐

top:顶端对齐

middle:中线对齐

bottom:底端对齐

text-top:文本顶端对齐

text-bottom:文本底端对齐

sub:下标

super:上标

em 百分比

具体可以参考《垂直对齐:vertical-align属性》这篇文章