CSS Text Capitalize

CSS Text Capitalize 是 CSS3 中的一个文本转换属性，可以将文本中的第一个字母转换为大写字母。这种转换方式可用于标题和其他重要的词汇，使它们在文本中更加突出，以及可读性更强。

一、使用方法

在 CSS 中设置 capitalize 属性即可实现文本首字母大写：

    
        p {
            text-transform: capitalize;
        }
    

二、效果展示

下面是 text-transform: capitalize; 的效果展示：

三、CSS 转换类型总结

CSS 能够实现的 text 转换类型有四种，分别是：

1、capitalize：将每个单词的首字母转换为大写字母。

2、uppercase：将所有文本转换为大写字母。

3、lowercase：将所有文本转换为小写字母。

4、none：无转换，文本原封不动输出。

以上四种转换类型分别对应的 CSS 属性值是：

    
        p {
            text-transform: capitalize|uppercase|lowercase|none;
        }
    

四、注意事项

CSS Text Capitalize 并不会区分单词，而是按照空格来分割文本，所以有些不需要转换的单词也会被转换。

例如：

经过 capitalize 处理后，应该是 "Saint John's University"，但实际上输入为 "Saint jOHN'S University"，这是由于 "saint" 和 "john's" 都被转成了大写字母。

五、总结

CSS Text Capitalize 是一种简单实用的文本转换方式，可用于标题和其他重要词汇的突出展示。需要注意的是，该属性并不区分单词，对于文本较为复杂的情况可能需要与其他属性联用，如 text-transform: uppercase;