首页 网络技术
  1. 正文

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 元素本身。其次,若是您之后决意将全体大大写再切换为原本的大大写,可以更容易地完成批改。

本文标题:HTML怎么实现字符转换
本文链接:https://www.qqooo.cn/post/6870.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!