第六章 文本属性

第六章 文本属性

1.text-intend
值：<length> <percentage> inherit 可为负数
初始值：0
适用元素：块级元素（替换元素不行）
继承性：有
百分比：按照包裹元素的数值计算


2.text-align
值：left right center justify inherit
适用于：块级元素
继承性：有
说明：
a.与<center>元素的区别，该元素不仅会把文本居中，元素还会居中，
而ie<6/win中，使用p{text-align:center;}的效果和使用<center>元素相同。

b.使用left right center都比较直观，而使用justify时：
文本两端放在父元素左右边界上，自动调整单词间距(word-spacing)和字母间距(letter-spacing)，
使各行长度恰好相等。不过，如果元素已经设定letter-spacing，则浏览器不会增减字符间距。

3.line-height
值：<length> <percentage> <number> normal inherit
初始值：normal
适用元素：块级元素
继承性：有
说明：
a.定义了文本基线间的最小距离，而基线间的真实距离可能大于此值，主要由字体决定。
b.行间距=line-height - font-size
c.行间距／2 所得值分别为元素顶部和底部的间隙
d.使用相对值时，如果是从父元素继承此属性，则以父元素的font-size计算
                   不是继承所得，以自身的font-size计算。

4.vertical-align
值：baseline sub super top text-top middle bottom text-bottom <percentage> <length> inherit
初始至：baseline
适用于：行内元素和表格元素
继承性：无
说明：
a.字体大小默认为父元素大小，需要显式设置。
b.会影响行高
c.应用到表格元素时，只能识别关键字
d.sub和super：基于基线上升或者下降，但没有规定相应距离，由浏览器自身决定。
e.bottom：行内元素底端和行框底端对齐。
f.text-bottom：与“默认”文本框底端对齐？
g.top和text-top分别与bottom和text-bottom对应。
h.middle：将行内元素框的中点与父元上方0.5ex处这个点对齐。这里的1ex依照父元素的font-size计算。
i.百分数：根据父元素的line-height计算，将行内元素的基线相对于父元素升／降相应值。
j.数值：将行内元素的基线升／降相应值。

5.letter-spacing和word-spacing
值：<length> normal inherit
初始值：normal(0)
适用范围：所有元素
继承性：有
说明：world-spacing 可能受text-align影响，比如justify。
letter-spacing也可能受text0-align的justify影响，但如果letter-spacing设置为非normal值，则不受影响。

6.text-decoration
值：none undeline overline linethrough blink? inherit
初始值：none
继承性：无（当行内元素无下划线声明，但其下部可见下划线，这只是父元素的下划线经过了行内元素
适应范围：所有元素

7.text-transform
值：uppercase lowercase capitalize none inherit
初始值：none
适用范围：所有元素
继承性：有

8.text-shadow
值：3个数值（右偏移量，下偏移量，模糊半径（可选））放在一起，颜色放在最前或最后。
初始值：none
适用范围：所有元素
继承性：无
说明：浏览器计算量大，性能消耗大

9.white-space
值：normal pre-line pre nowrap pre-wrap inherit
初始值：normal
适用范围：CSS2.1所有元素，CSS2和CSS1仅限于块级元素。
继承性：无
说明：???
值        空格        换行符        自动换行
preline     合并        保留        允许
normal         合并        忽略        允许
nowrap        合并        忽略        不允许
pre        保留        保留        不允许
pre-wrap    保留        保留        允许