使用 CSS text-transform 属性 进行字母大小写设置。
定义和用法
text-transform 属性控制文本的大小写。
说明
这个属性会改变元素中的字母大小写，而不论源文档中文本的大小写。如果值为 capitalize，则要对某些字母大写，但是并没有明确定义如何确定哪些字母要大写，这取决于用户代理如何识别出各个“词”。
提示和注释
注释：不同的用户代理可能会用不同的方法来确定单词从哪里开始，相应地确定哪些字母要大写。例如，文本 "w3-school" 可以用两种方式显示："W3-school" 和 "W3-School"。CSS 并没有规定哪一种是正确的，所以这两种都是可以的。
实例
转换不同元素中的文本：
h1 {text-transform:uppercase}h2 {text-transform:capitalize}
p {text-transform:lowercase}
<div style="text-transform:capitalize">first-letter</div>输出如下：First-letter
加入你想用于标签：
css样式
<style>
p{text-transform:capitalize}
</style>
html如下：
<p>first-letter</p>
对于命名的写法：大小写没有区别\x0d\x0a\x0d\x0a没有什么规定的，我做了那么多个网站，一般都采用小写字母，一个是利于查看\x0d\x0a试想一下，如果全部都写成大写，是不是看起来很不舒服，并且对于英文不好的人，看起来头昏眼花的。一般大写用在id或者class上，看个人的习惯写法了！\x0d\x0a\x0d\x0a控制文本的大小写：\x0d\x0a\x0d\x0a可以利用text-transform这个属性来控制大小写的字母\x0d\x0atext-transform这个属性有3个值分别为；\x0d\x0atext-transform: uppercase \x0d\x0atext-transform: lowercase \x0d\x0atext-transform: capitalize \x0d\x0a第1个会把文字变成全大写 \x0d\x0a第2个变成全小写 第3个变成首字母大写
