text-transform -- (英文字母全大写小写／首字母大写)

平时我们经常会在国外报纸、英文文章、国外的网站看见文章中英文单词或拼音的首个字母大写，或文章中拼音或英文单词字母全小写或全大写，这是怎么做到的呢？

通过text-transform来实现首字母大写、全文大写、全文小写布局

text-transform:

属性值：Capitalize: 英文拼音的首字母大写

　　　　Uppercase: 英文拼音字母全大写

　　　　Lowercase: 英文拼音字母全小写

无论文中大写还是小写，无论是首字母大写还是全部大写或小写，我们可以使用text-transform来实现，同时要想实现文中字母大写后字母缩小我们可以使用css font-variant来实现。

转载于:https://www.cnblogs.com/zhao12354/p/5818359.html