有时候在写一些标题的时候，我们翻译过来都是小写的。但是为了省事，我们可以直接用CSS让标题直接大写，省去了每一个都要去将翻译好的小写转换成大写的麻烦。

首先来看HTML代码

<div class="title">Products</div>

一行代码教程之CSS的魅力,我们只需要给CSS如下一个样式即可

.title{     text-transform: uppercase;}

显示效果就自动将：Products 改成大写： PRODUCTS了，是不是很神奇？