網站中文字樣式編輯技巧
作者：佚名 時間：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.ktcbnqb.cn/news/20151229/n6618.html
