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

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

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

text-transform:

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

    Uppercase: 英文拼音字母全大写

    Lowercase: 英文拼音字母全小写

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

原文地址:https://www.cnblogs.com/zhao12354/p/5818359.html