文本縮進 text-indent
值:長度值(正、負均可)
示例:p {text-indent:3em;}
字符間距 letter-spacing
值:任何長度值(正、負值均可)。
示例:p {letter-spacing:.2em;}
單詞間距 word-spacing
值:任何長度值(正、負值均可)。
示例:p {word-spacing:.2em;}
文本裝飾 text-decoration
值:underline、overline、line-through、blink、none。
示例:.retailprice {text-decoration:line-through;}
文本對齊 text-align
值:left、right、center、justify
示例:p {text-align:right;}
行高 line-height
值:任何數字值(不用指定單位)
示例:
CSS Code復制內容到剪貼板
p {line-height:1.5;}
說明:
CSS中的行高平均分布在一行文本的上方和下方。比如,如果字體大小是12像素,行高是20像素,則瀏覽器會在文本上方和下方各加4像素的空白,以湊足20像素的行高。
修改默認行高最簡單的方式就是使用font快捷屬性,以復合值的形式把 font-size 和 font-height 的值寫在一起,比如:div#intro {font: 1.2em/1.4 helvetica, arial, sans-serif;} 在上面的一行代碼,行高就是字體大小12em的1.4倍。注意這里不用給line-heightz 值指定單位,只要一個數值就可以。
文本轉換 text-transform
值:none、uppercase、lowercase、capitalize。
示例:
CSS Code復制內容到剪貼板
p {text-transform:capitalize;}
說明:capitalize 值會將每個詞的首字母裝換為大寫,這種效果在很多廣告、報道、雜志的標題中很常見。
垂直對齊 vertical-align
值:任意長度值以及 sub、 super、 top、 middle、 bottom 等。
示例:
CSS Code復制內容到剪貼板
span {vertical-align:60%;}
說明:
vertical-align 以基線為參照上下移動文本,但這個屬性只影響行內元素。
如果想在垂直方向上對齊塊級元素,必須把其display屬性設定為inline。
該屬性較為常用于公式或化學分子式中的上下標,或用于文本中腳注的角標。
HTML 標簽<sup>和<sub>有默認的上標和下標樣式,但重新設定一下vertical-align 和 font-size 屬性能得到更美觀的效果。例如:p.custom {font-size:.8em; vertical-align:1em;}
新聞熱點
疑難解答