基础 CSS 原型实用程序：文本转换

文本转换是一个常见的需求，可以利用 CSS 的 text-transform 属性来实现。text-transform 属性定义如下：

text-transform: none | capitalize | uppercase | lowercase | initial | inherit;

它可以将文本转换为不同的输出样式。下面我们一一介绍它们的用途和示例。

none

默认的文本转换方式，不做任何改变。

示例：

p {
  text-transform: none;
}

capitalize

将每个单词的第一个字符转换为大写。

示例：

p {
  text-transform: capitalize;
}

uppercase

将所有字符转换为大写。

示例：

p {
  text-transform: uppercase;
}

lowercase

将所有字符转换为小写。

示例：

p {
  text-transform: lowercase;
}

initial

将文本转换为初始值，即使用默认的文本转换方式。

示例：

p {
  text-transform: initial;
}

inherit

将文本转换为继承值，即继承父元素的 text-transform 属性值。

示例：

p {
  text-transform: inherit;
}

以上就是 text-transform 属性的详细介绍，可以根据实际需求选择不同的文本转换方式来实现样式。