网站中文字样式编辑技巧
作者：佚名 时间：2014-03-17
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像素的空格。
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/news/20151229/n6618.html
