欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > CSS >内容正文

CSS

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

发布时间:2024/3/13 CSS 54 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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:常用字体样式设置的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。