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

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

文本縮進(jìn) text-indent

值：長度值（正、負(fù)均可）
示例：p {text-indent:3em;}
 字符間距 letter-spacing

值：任何長度值（正、負(fù)值均可）。
示例：p {letter-spacing:.2em;}
單詞間距 word-spacing

值：任何長度值（正、負(fù)值均可）。
示例：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

值：任何數(shù)字值（不用指定單位）
示例：

CSS Code復(fù)制內(nèi)容到剪貼板

1. p {line-height:1.5;}  

說明：

    CSS中的行高平均分布在一行文本的上方和下方。比如，如果字體大小是12像素，行高是20像素，則瀏覽器會在文本上方和下方各加4像素的空白，以湊足20像素的行高。
    修改默認(rèn)行高最簡單的方式就是使用font快捷屬性，以復(fù)合值的形式把 font-size 和 font-height 的值寫在一起，比如：div#intro {font: 1.2em/1.4 helvetica, arial, sans-serif;} 在上面的一行代碼，行高就是字體大小12em的1.4倍。注意這里不用給line-heightz 值指定單位，只要一個數(shù)值就可以。

文本轉(zhuǎn)換 text-transform

值：none、uppercase、lowercase、capitalize。
示例：

CSS Code復(fù)制內(nèi)容到剪貼板

1. p {text-transform:capitalize;}  

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

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

CSS Code復(fù)制內(nèi)容到剪貼板

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

說明：

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

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