💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
### 1.缩进文本text-indent 这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em: ~~~ p {text-indent: 5em;} ~~~ >注意:一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素,图像之类的替换元素上也无法应用 text-indent 属性。不过,如果一个块级元素(比如段落)的首行中有一个图像,它会随该行的其余文本移动。 > ***提示:如果想把一个行内元素的第一行“缩进”,可以用左内边距或外边距创造这种效果。*** ### 2.字间隔word-spacing *这个属性可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。* *word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近:* ~~~ p.spread {word-spacing: 30px;} p.tight {word-spacing: -0.5em;} <p class="spread"> This is a paragraph. The spaces between words will be increased. </p> <p class="tight"> This is a paragraph. The spaces between words will be decreased. </p> ~~~ ### 3.字母间隔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> ~~~ ### 4.字符转换 text-transform >这个属性处理文本的大小写。 作为一个属性,text-transform 可能无关紧要,不过如果您突然决定把所有 h1 元素变为大写,这个属性就很有用。不必单独地修改所有 h1 元素的内容,只需使用 text-transform 为你完成这个修改: ~~~ h1 {text-transform: uppercase} ~~~