属性控制文本的大小写

text-transform

capitalize文本中的每个单词以大写字母开头。

uppercase定义仅有大写字母。

lowercase定义无大写字母，仅有小写字母。

<div class="box1"></div>

css：

p {
  font-size: 100px;
  color: aqua;
}

p:first-child {
  text-transform: capitalize;
}

p:nth-of-type(2) {
  text-transform: uppercase;
}

p:last-child {
  text-transform: lowercase;
}