第三章 设置丰富的文字效果

文字样式

字体；字体是通过font-family属性控制的，字体间用逗号隔开。通常见到的"sans-self"和"serif"不是单个字体的名称，而是一类字体的统称

文字大小：font-size。该属性的值可以是相对和绝对大小。相对大小(px，%，em)px与显示器分辨率有关，后两个都是相对于父标记而言的比例。

文字颜色：color。

文字粗细：font-weight

斜体：font-style。font-style：normal;默认值。浏览器显示一个标准的字体样式。font-style:italic;浏览器会显示一个斜体的字体样式。 font-style:oblique;浏览器会显示一个倾斜的字体样式。font-style：inherit 规定应该从父元素继承字体样式。

文字的下划线、顶划线和删除线:text-decoration.默认值：none。

　　underline定义文本下的一条线。

　　overline定义文本上的一条线。

　　line-through定义穿过文本下的一条线。

　　blink定义闪烁的文本。

　　inherit规定应该从父元素继承 text-decoration 属性的值。

英文字母大小写 text-transform默认值：none。

　　capitalize文本中的每个单词以大写字母开头。

　　uppercase定义仅有大写字母。

　　lowercase仅有小写字母。

　　inherit规定应该从父元素继承 text-transform 属性的值。

字母间距：letter-spacing：2px

段落文字

水平对齐：text-align

left	把文本排列到左边。默认值：由浏览器决定。
right	把文本排列到右边。
center	把文本排列到中间。
justify	实现两端对齐文本效果。
inherit	规定应该从父元素继承 text-align 属性的值。

垂直对齐：vertical-align

baseline	默认。元素放置在父元素的基线上。
sub	垂直对齐文本的下标。
super	垂直对齐文本的上标
top	把元素的顶端与行中最高元素的顶端对齐
text-top	把元素的顶端与父元素字体的顶端对齐
middle	把此元素放置在父元素的中部。
bottom	把元素的顶端与行中最低的元素的顶端对齐。
text-bottom	把元素的底端与父元素字体的底端对齐。
length
%	使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
inherit	规定应该从父元素继承 vertical-align 属性的值。

行间距和字间距

line-height 行间距 两行文字之间基线的距离

letter-spacing 字间距

首字放大 float

left	元素向左浮动。
right	元素向右浮动。
none	默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit	规定应该从父元素继承 float 属性的值。