HTML怎么實(shí)現(xiàn)字符轉(zhuǎn)換

這篇文章主要介紹“HTML怎么實(shí)現(xiàn)字符轉(zhuǎn)換”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“HTML怎么實(shí)現(xiàn)字符轉(zhuǎn)換”文章能幫助大家解決問(wèn)題。

letter-spacing 屬性與 word-spacing 的判別在于，字母間隔修正的是字符或字母之間的隔絕距離。

與 word-spacing 屬性同樣，letter-spacing 屬性的可取值采集全數(shù)長(zhǎng)度。默許癥結(jié)字是 normal（這與 letter-spacing:0 類似）。輸入的長(zhǎng)度值會(huì)使字母之間的間隔增加或削減指定的量：

h2 {letter-spacing: -0.5em}
h5 {letter-spacing: 20px}

<h2>This is header 1</h2>
<h5>This is header 4</h5>

實(shí)例 TIY ：劃定字符間距（字母距離）

字符轉(zhuǎn)換

text-transform 屬性處置文本的大小寫(xiě)。這個(gè)屬性有 4 個(gè)值：

• none

• uppercase

• lowercase

• capitalize

默認(rèn)值 none 對(duì)文本不做任何旋轉(zhuǎn)，將應(yīng)用源文檔中的原有大大寫(xiě)。顧名思義，uppercase 與 lowercase 將文本轉(zhuǎn)換為全大寫(xiě)與全大寫(xiě)字符。著末，capitalize 只對(duì)每個(gè)單詞的首字母大寫(xiě)。

作為一個(gè)屬性，text-transform 或許有關(guān)須要，不過(guò)如果您猝然抉擇把悉數(shù) h2 元素釀成大寫(xiě)，這個(gè)屬性就頗有效。沒(méi)必要獨(dú)自地修正全部 h2 元素的模式，只需使用 text-transform 為你實(shí)現(xiàn)這個(gè)批改：

h2 {text-transform: uppercase}

運(yùn)用 text-transform 有單方面的利益。首先，只要寫(xiě)一個(gè)簡(jiǎn)單的規(guī)則來(lái)完成這個(gè)批改，而無(wú)需批改 h2 元素本身。其次，若是您之后決意將全體大大寫(xiě)再切換為原本的大大寫(xiě)，可以更容易地完成批改。

關(guān)于“HTML怎么實(shí)現(xiàn)字符轉(zhuǎn)換”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。