【CSS学习笔记12】-文本Text3

2023-09-30  本文已影响0人  兔小小

CSS 文本转换

text-transform属性用于指定文本中的大写和小写字母。

它可用于将所有内容转换为大写或小写字母,或者将每个单词的首字母大写:

p.uppercase {
  text-transform: uppercase;
}

p.lowercase {
  text-transform: lowercase;
}

p.capitalize {
  text-transform: capitalize;
}

CSS 文本缩进 text-indent

text-indent属性用于指定文本第一行的缩进:

p {
  text-indent: 50px;
}

CSS 字母间距 letter-spacing

letter-spacing属性用于指定文本中字符之间的间距。

下面的示例演示如何增加或减少字符之间的间距:

h1 {
  letter-spacing: 5px;
}

h2 {
  letter-spacing: -2px;
}

CSS 行高 line-height

line-height属性用于指定行之间的间距:

p.small {
  line-height: 0.8;
}

p.big {
  line-height: 1.8;
}

CSS 字间距 word-spacing

word-spacing属性用于指定之间的空格文本中的字间距。

p.one {
  word-spacing: 10px;
}

p.two {
  word-spacing: -2px;
}

CSS 空白 white-space

white-space该属性指定如何处理元素内的空格不换行。

p {
  white-space: nowrap;
}
上一篇下一篇

猜你喜欢

热点阅读