文本转换[text-transform]
CSS属性用于控制文本的大小写。无论字母本来的大小写,你可以通过该属性令它首字母大写()、全部大写()或者全部小写()。text-transformcapitalizeuppercaselowercase
比如,单词“headline”在展现给网页浏览者时,可以是“HEADLINE”或者“Headline”。text-transform属性有四个可选值:
capitalize: 将每个单词的首字母转换为大写。例如:“john doe”将被转换为“John Doe”。
uppercase: 所有字母都转换为大写。例如:“john doe”将被转换为“JOHN DOE”。
lowercase: 所有字母都转换为小写。例如:“JOHN DOE”将被转换为“john doe”。
none: 不作任何转换——文本怎么写的就怎么显示。
来举个例子,我们将使用一个姓名列表。所有姓名都用(列表项)标签来标记。
我们希望对姓名采用首字母大写的方式,而对标题采用全部大写的方式。
查看过该例的HTML代码后你会发现,其实在HTML代码里我们写的姓名和标题全部都是小写。
h1{
text-transform: uppercase;
}
li{
text-transform: capitalize;
}