letter-spacing 属性与 word-spacing 的判别在于,字母间隔修正的是字符或字母之间的隔绝距离。
与 word-spacing 属性同样,letter-spacing 属性的可取值采集全数长度。默许症结字是 normal(这与 letter-spacing:0 类似)。输入的长度值会使字母之间的间隔增加或削减指定的量:
h1 {letter-spacing: -0.5em} h4 {letter-spacing: 20px} <h1>This is header 1</h1> <h4>This is header 4</h4>
实例 TIY :划定字符间距(字母距离)
字符转换
text-transform 属性处置文本的大小写。这个属性有 4 个值:
- none
- uppercase
- lowercase
- capitalize
默认值 none 对文本不做任何旋转,将应用源文档中的原有大大写。顾名思义,uppercase 与 lowercase 将文本转换为全大写与全大写字符。着末,capitalize 只对每个单词的首字母大写。
作为一个属性,text-transform 或许有关须要,不过如果您猝然抉择把悉数 h1 元素酿成大写,这个属性就颇有效。没必要独自地修正全部 h1 元素的模式,只需使用 text-transform 为你实现这个批改:
h1 {text-transform: uppercase}
运用 text-transform 有单方面的利益。首先,只要写一个简单的规则来完成这个批改,而无需批改 h1 元素本身。其次,若是您之后决意将全体大大写再切换为原本的大大写,可以更容易地完成批改。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c51642.shtml