宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

这篇文章主要介绍“HTML怎么实现字符转换”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML怎么实现字符转换”文章能帮助大家解决问题。

letter-spacing 属性与 word-spacing 的判别在于,字母间隔修正的是字符或字母之间的隔绝距离。

与 word-spacing 属性同样,letter-spacing 属性的可取值采集全数长度。默许症结字是 normal(这与 letter-spacing:0 类似)。输入的长度值会使字母之间的间隔增加或削减指定的量:

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

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

实例 TIY :划定字符间距(字母距离)

字符转换

text-transform 属性处置文本的大小写。这个属性有 4 个值:

  • none

  • uppercase

  • lowercase

  • capitalize

默认值 none 对文本不做任何旋转,将应用源文档中的原有大大写。顾名思义,uppercase 与 lowercase 将文本转换为全大写与全大写字符。着末,capitalize 只对每个单词的首字母大写。

作为一个属性,text-transform 或许有关须要,不过如果您猝然抉择把悉数 h2 元素酿成大写,这个属性就颇有效。没必要独自地修正全部 h2 元素的模式,只需使用 text-transform 为你实现这个批改:

h2 {text-transform: uppercase}

运用 text-transform 有单方面的利益。首先,只要写一个简单的规则来完成这个批改,而无需批改 h2 元素本身。其次,若是您之后决意将全体大大写再切换为原本的大大写,可以更容易地完成批改。