text-transform 属性
使用text-transform属性可以自动将文档的部分或全部文本转换成大定或小写字母。可接受的值为capitalize、uppercase、lowercase或none。
capitalize将文本中每个单词的第一个字母都显示为大写字母,即使源文档的文本是小写的。uppercase和lowercase值分别以相应的状态显示所有文本。当然none会取消任何转换。例如:
h1{text-transform: uppercase}
这行代码使所有字母都显示为1级标题,其中文本为大写字母,而下列代码:
h2{text-transform: capitalize}
确定了2级标题中的每个单词都以大写字母开始,例如它适合于节标题。
注意,当uppercase和lowercase影响整个文本时,capitalize影响的仅是文本中每个单词的第一个字母。因此,用capitalize转换单词“htM1”时会生成“HtM1”.
vertical-align
vertical-align属性控制某元素相对于包含这个元素行的相对位置。这个属性的有效值包括:
baseline
把元素的基线与包含这个元素的基线对齐。
middle
把元素的中部与包含这个元素的中部(通常是x-height)对齐。
sub 下标元素。
super 上标元素。
text-top
把元素的上端与其父元素字体的上端对齐。
text-bottom
把元素的下端与其父元素字体的下端对齐。
top
把元素的上端与当前行的最高元素的上端对齐。
bottom: 把元素的下端与当前行的最低元素的下端对齐。
此外,百分数值指出了相对于当前基线的一个位置,这样50%的位置就是在基线上一半行高处放置这个元素。100%的位置值就是在当前行的基线下侧的一个整行行高处放置元素。
当这个属性应用于<img>或其他非文本内联元素时,浏览器会支持除middle之外所有用于文本元素的值,以及除sub以外的值。IE浏览器只有在这个属性应用于文本元素时才支持sub和super值,而且只在该属性应用于非文本内联元素时才支持所有值。
word-spacing使用word-spacing属性可在一个标签内的字之间添加空格。可以指定一个长度值,或用关键字normal来恢复到正常字间距。例如:
h3{word-spacing:25px}
可在<h3>标签内的字之间加入一个额外的25像素的空格。