当前位置: 首页 > 姓名 > 正文

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

2023-05-08 姓名

使用DIV+CSS让文章中英文单词或拼音的第一个字母大写、使用CSS让文章中英文单词或拼音全大写、使用DIV CSS让文章中出现英文单词或拼音全小写教程实例CSS text-transform实例布局教程

平时我们常常在国外报纸、英文文章、国外网站看见文章中英文单词或拼音的首个字母大写英文名 大写字母,或文章中拼音或英文单词字母全小写或全大写,今天DIVCSS5为大家介绍让英文单词或拼音首个字母大写、全文中英文单词全大写或小写的方法教程,这里我们介绍使用text-transform来实现首字母大写、全文大写、全文小写布局教程方法。

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

一、结构语法 -

1、text-transform 值:

Capitalize 英文拼音的首字母大写

Uppercase 英文拼音字母全大写

Lowercase 英文拼音字母全小写

2、CSS text-transform语法结构

div{text-transform:capitalize}

text-transform结构分析图

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

此DIV CSS样式针对每个英文单词或拼音的首个字母大写

text-transform : capitalize

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

此CSS样式实现无论拼音或单词英文字母都会全部实现转换为大写

text-transform : uppercase

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

此DIV+CSS样式实现无论拼音或字母或英文单词,本身是否大写都将转换为全部小写

text-transform : lowercase

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

1、CSS代码片段:

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

2、HTML源代码片段:

  1. < div   class = "shou_daxie" >  
  2.     首字母大写 ni hao hello 
  3.  
  4. < div   class = "quan_daxie" >  
  5.     字母全实现大写ni hao hello 
  6.  
  7. < div   class = "quan_xiaoxie" >  
  8.     字母全实现小写ni HAo hEllo无论字母是否被大写都将被CSS小写 
  9.  

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

CSS首字母大写与英文字母全大写全小写案例截图

六、CSS字母大写与CSS字母小写总结 -

这里DIVCSS5介绍了css text-transform实现首字母大写、英文字母全小写、英文字母全大写使用与语法。如果要掌握可以复制DIV CSS大写小写案例代码亲自实践,灵活运用。对于文字排版,特别是英文或拼音字母要求大小写首字母大小写均可使用text-transform样式属性。

CSS英文字母大写后缩小:

无论文中大写还是小写英文名 大写字母,无论是首字母大写还是全部大写或小写,我们可以使用text-transform来实现英文名 大写字母,同时要想实现文中字母大写后字母缩小我们可以使用css font-variant来实现。如有任何疑问可到CSS论坛发表自己看法或疑问。

如需转载,请注明文章出处和来源网址:

相关资讯
  • 失恋QQ昵称:我以为终有一天,我会彻底将爱情忘

    四川签名网为您精心整理了36条失恋QQ昵称,这36条失恋QQ昵称的相关失恋个性签名,有一句qq个性签名让人印象深刻::十恋爱让自己的世界变小,失恋了就,如果你也...
    2023-05-08
  • 曾氏维字辈取名大全 曾姓女孩维字辈取名

    曾姓维字辈的男孩起名姓周以辈份取名字维字辈之后是什么辈分姓梁男孩起名大全,俊誉:才智出众的名声。适用于男孩取名字。出自宋代谢采伯《密斋笔记》卷四:“时蜀人陈尧叟...
    2023-05-08
  • 赵姓男孩大气有涵养的名字-尚名网

    赵姓男孩大气有涵养的名字,一个人具备大气有涵养的气质,能使人稳重而不呆板,使人热情而不轻狂,使人沉着而不寡言,使人和气而不盲从……做一个有涵养的人,先从拥有一个...
    2023-05-08
  • 梁姓女孩名字大全属牛:带字义分析

    原创梁姓女孩名字大全属牛,本文第一段给梁姓宝爸宝妈带来取自诗词的梁姓女孩名字;第二段给梁姓宝爸宝妈带来带字义分析的梁姓女孩名字;第三段给大家整理了一些梁姓有寓意...
    2023-05-08
  • 李姓女孩名字 北方女孩起名字

    李姓女孩名字带北字的女孩姓名大全,小女孩取名意义深刻的名字名字是家长送给孩子的第一份礼物好的名字会让孩子对父母心生感激今就同大家一起分析如何在年给小女孩取名字。...
    2023-05-08
  • 牛年宝宝起名字取名字大全,漂亮有涵养的崔姓女孩取名

    漂亮有涵养是对女孩外在美和内在美的一种赞誉,是形容女孩好的品貌双全的形容词。家长给女孩取名字赋予一个漂亮有涵养的名字,是对女孩的期盼也是祝福。以下是卜广鉴老师给...
    2023-05-08

Copyright 2008-2024 www.Sm996.Com 版权所有 | 闽ICP备2021007644号-5

声明: 部分信息与图片素材来源于互联网,如内容侵权与违规,请与本站联系,将在三个工作日内处理,互联网不良信息举报邮箱:2300424033@qq.com