CSS中的文本屬性的使用方法

CSS中的文本屬性的使用方法，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

文本縮進 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復制內容到剪貼板

1. 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復制內容到剪貼板

1. p {text-transform:capitalize;}  

說明：capitalize 值會將每個詞的首字母裝換為大寫，這種效果在很多廣告、報道、雜志的標題中很常見。
垂直對齊 vertical-align

值：任意長度值以及 sub、 super、 top、 middle、 bottom 等。
示例：

CSS Code復制內容到剪貼板

1. span {vertical-align:60%;}  

說明：

    vertical-align 以基線為參照上下移動文本，但這個屬性只影響行內元素。
    如果想在垂直方向上對齊塊級元素，必須把其display屬性設定為inline。
    該屬性較為常用于公式或化學分子式中的上下標，或用于文本中腳注的角標。
    HTML 標簽<sup>和<sub>有默認的上標和下標樣式，但重新設定一下vertical-align 和 font-size 屬性能得到更美觀的效果。例如：p.custom {font-size:.8em; vertical-align:1em;}

關于CSS中的文本屬性的使用方法問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。