CSS3干货23:常用字体样式设置

编程入门 行业动态 更新时间:2024-10-27 14:31:28

CSS3<a href=https://www.elefans.com/category/jswz/34/1767986.html style=干货23:常用字体样式设置"/>

CSS3干货23:常用字体样式设置

一、字体颜色

color: 颜色;color:#f30;
color:rgb(255,100,0);
color:rgba(255,100,0,0.4);

二、字体设置

font-family:Arial,Verdana,"Microsoft yahei",Simsun;

三、字体粗细

font-weight: normal ;  /* 字体粗细:正常 */
font-weight: bold ;    /* 字体粗细:粗体字 */
font-weight: bolder ;  /* 字体粗细:比正常粗点*/
font-weight:lighter;   /* 字体粗细:细体字 *//* 
用数字表示文本字体粗细。取值范围:
100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 
值越大,越粗。
normal,相当于 400
bold,相当于 700
*/
font-weight:400;

四、英文字母转换

text-transform:none;       /* 默认,不转换 */
text-transform:capitalize;  /* 首字母大写。如:Hello */
text-transform:uppercase;   /* 全大写。如:HELLO */
text-transform:lowercase;   /* 全小写。如:hello */

五、斜体字

font-style: normal ;     /* 默认,正常字体 */
font-style: italic;     /* 让文字斜体 */

六、文字首行缩进

text-indent: 2em ;  /* 缩进2个汉字大小 */

七、文字/字母间距

letter-spacing:10px;

更多推荐

CSS3干货23:常用字体样式设置

本文发布于:2023-07-03 10:41:22,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1005256.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:干货   样式   字体   常用

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!