CSS 文本转换
text-transform
属性用于指定文本中的大写和小写字母。
它可用于将所有内容转换为大写或小写字母,或者将每个单词的首字母大写:
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
![](https://img.haomeiwen.com/i21922576/29b92e736a522d09.png)
CSS 文本缩进 text-indent
text-indent
属性用于指定文本第一行的缩进:
p {
text-indent: 50px;
}
![](https://img.haomeiwen.com/i21922576/6f0b7daf7168c022.png)
CSS 字母间距 letter-spacing
letter-spacing
属性用于指定文本中字符之间的间距。
下面的示例演示如何增加或减少字符之间的间距:
h1 {
letter-spacing: 5px;
}
h2 {
letter-spacing: -2px;
}
![](https://img.haomeiwen.com/i21922576/d72b0ada3b450ba8.png)
CSS 行高 line-height
line-height
属性用于指定行之间的间距:
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
![](https://img.haomeiwen.com/i21922576/4a1689d3b55d3e5d.png)
CSS 字间距 word-spacing
word-spacing
属性用于指定之间的空格文本中的字间距。
p.one {
word-spacing: 10px;
}
p.two {
word-spacing: -2px;
}
![](https://img.haomeiwen.com/i21922576/36b37dd4dc16b7ad.png)
CSS 空白 white-space
white-space
该属性指定如何处理元素内的空格不换行。
p {
white-space: nowrap;
}
![](https://img.haomeiwen.com/i21922576/191de8da95e24705.png)
网友评论