欢迎来到酱油妹!织梦模板,dede模板下载,织梦cms模板,免费网站模板下载站

酱油妹

DIV CSS text-transform英文字母全大写小写_CSS首字母大写

企业模板

用DIV+CSS让文章中英文单词或拼音的第一个字母大写、用CSS让文章中英文单词或拼音全大写、用DIV CSS让文章中出现英文单词或拼音全小写课程实例

CSS text-transform

实例布局课程

DIV CSS text-transform英文字母首字母大写小写-英文字母全小写篇

平常大家常常在海外报纸、英文文章、海外网站看见文章中英文单词或拼音的首个字母大写,或文章中拼音或英文单词字母全小写或全大写,今天酱油妹为大伙介绍让英文单词或拼音首个字母大写、全文中英文单词全大写或小写的办法课程,这里大家介绍用

text-transform

来达成首字母大写、全文大写、全文小写布局课程办法。

1、结构语法 - TOP

2、CSS text-transform语法结构


p{text-transform:capitalize}

1、text-transform 值:


Capitalize 英文拼音的首字母大写
Uppercase 英文拼音字母全大写
Lowercase 英文拼音字母全小写

DIV CSS text-transform英文字母全大写小写_CSS首字母大写
CSS首字母大写与英文字母全大写全小写案例截图

DIV CSS text-transform英文字母全大写小写_CSS首字母大写
text-transform结构剖析图

2、英文或拼音单词首字母大写 - TOP

此DIV CSS样式针对每一个英文单词或拼音的

首个字母大写


text-transform : capitalize

3、英文或拼音单词字母全大写 - TOP

此CSS样式达成无论拼音或单词英文字母都会

全部

达成转换为

大写


text-transform : uppercase

4、英文或拼音单词字母全小写 - TOP

此DIV+CSS样式达成无论拼音或字母或英文单词,本身是不是大写都将转换为

全部小写


text-transform : lowercase

5、CSS英文单词大写或小写案例 - TOP

1、CSS代码片段:

.shou_daxie{text-transform:capitalize}.quan_daxie{text-transform:uppercase}.quan_xiaoxie{text-transform:lowercase}

2、HTML源码片段:

<pclass="shou_daxie">首字母大写nihaohello</p><pclass="quan_daxie">字母全达成大写nihaohello</p><pclass="quan_xiaoxie">字母全达成小写niHAohEllo无论字母是不是被大写都将被CSS小写</p>

3、CSS英文字母大写小写,全小写大写,首字母(css text-transform)案例截图

6、CSS字母大写与CSS字母小写概要 - TOP

CSS英文字母大写后缩小:http://www.pcss5.com/rumen/r308.shtml

这里酱油妹介绍了css text-transform达成首字母大写、英文字母全小写、英文字母全大写用与语法。假如要学会可以复制DIV CSS大写小写案例代码亲自实践,灵活运用。对于文字排版,尤其是英文或拼音字母需要大小写首字母大小写均可用text-transform样式属性。

无论文中大写还是小写,无论是首字母大写还是全部大写或小写,大家可以用text-transform来达成,同时要想达成文中字母大写后字母缩小大家可以用css font-variant来达成。如有任何疑问可到CSS论坛发表自己怎么看或疑问。


希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
作者:酱油妹 来源:www.jiangyoumei.com 关注: 时间:2021-05-16 22:00
版权声明:凡注明来源为www.jiangyoumei.com的均为本站原创,转载请注明来源。
本文网址:http://www.jiangyoumei.com/CSS/CSSjichu/20210516/12668.html
凡本站提供教程均已验证教程的准确性。
相关教程
在线客服

织梦模板 整站模板 新手教程 使用技巧