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 英文拼音字母全小写
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论坛发表自己怎么看或疑问。
希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
►本文网址:http://www.nsxcb.cn/CSS/CSSjichu/20210516/12668.html
►凡本站提供教程均已验证教程的准确性。
- DIV+CSS 星号*
- css是什么?
- DIV+CSS是什么?
- CSS 文本字体颜色(CSS color)
- CSS line-height行高上下居中垂直居中样式属性
- CSS 背景(css background)
- DIV CSS Sprites精灵 CSS图像拼合 CSS背景贴图定位课程
- CSS font-size字体文字大小样式属性
- css text-decoration下划线 删除线 上划线属性样式
- DIV CSS text-transform英文字母全大写小写_CSS首字母大
- CSS font-style斜体字体倾斜体样式(italic oblique norm
- CSS border边框属性课程(color style)
常用织梦技巧
- DIV CSS字体(font-family)
- css是什么?
- CSS border边框属性课程(color style)
- CSS font-size字体文字大小样式属性
- CSS 文本字体颜色(CSS color)
- DIV CSS Sprites精灵 CSS图像拼合 CSS背景贴图定位课程
- CSS white-space norma nowrap强制同一行内显示所有文本
- CSS text-indent段落首行文字缩进
- CSS text-align图片文字内容居左 居右 居中
- css 字间距离_css 字体字符间距设置
- css left right TOP bottom定位
- DIV+CSS是什么?