如何使用CSS3样式font-variant判断文本小型大写
在CSS3样式属性中，字体样式属性font-variant可以设置或判断文本内容是否为小型大写字母，对应的属性值有： normal：显示正常的字体 small-caps：显示小型的大写
在CSS3样式属性中，字体样式属性font-variant可以设置或判断文本内容是否为小型大写字母，对应的属性值有：
normal：显示正常的字体small-caps：显示小型的大写字母字体
下面利用一个实例来说明font-variant属性的用法，操作如下：
第一步：创建HTML文件
双击打开HBuilder工具，在创建的Web项目指定目录下新建静态页面，并引入需要的引用的文件。
第二步：插入输入框和按钮
在lt;bodygt;标签元素内插入一个输入框和
第三步：保存代码并预览页面
保存代码并预览该静态页面，可以在浏览器上查看到一个按钮和一个输入框。
第四步：添加按钮点击事件
利用jQuery初始化函数，在这里添加按钮单击事件，设置输入框中的font-variant属性。
第五步：查看效果
再次保存并预览页面，输入"How are you？"，点击按钮查看效果。
第六步：效果展示
可以看到输入框中的文本首字母变为大写的，并且字体变小了。