font-variant:small-caps小写字母均会被转换为大写

用 Visual Studio 2010建了一个默认的Web Application, 在site.Master中设置的标题内容是“My ASP.NET Application”, 有大写字母和小写字母. 如下他图:

但是在页面上却全部显示为大写字母，且原来的小写字母显示的字体较小. 如下图:

感觉奇怪，就调查一下。发现是因为在CSS中设置了h1的样式font-variant: small-caps;

w3school描述该属性如下：

font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。

http://www.w3school.com.cn/css/pr_font_font-variant.asp

 

另，可以使用text-transform: uppercase属性将小写字母显示为字体大小相同的大写字母。

CSS样式如下：

显示效果：

text-transform:属性可以设置如下几个值。

值	描述
none	默认。定义带有小写字母和大写字母的标准的文本。
capitalize	文本中的每个单词以大写字母开头。
uppercase	定义仅有大写字母。
lowercase	定义无大写字母，仅有小写字母。

参考：http://www.w3school.com.cn/css/pr_text_text-transform.asp