css中字体形体设置

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中有很多关于字体形体设置的属性,在设计网页时,字体的选择和字体效果的设置都是非常重要的。下面就来介绍一些常用的CSS字体形体设置方式。1. 字体样式font-style:normal; font

CSS中有很多关于字体形体设置的属性,在设计网页时,字体的选择和字体效果的设置都是非常重要的。下面就来介绍一些常用的CSS字体形体设置方式。

1. 字体样式

font-style:normal;
font-style:italic;
font-style:oblique; 

其中normal代表普通字体,italic代表斜体字体,oblique代表倾斜字体。

2. 字重

font-weight:normal;
font-weight:bold;
font-weight:bolder;
font-weight:lighter;
font-weight:100-900; 

其中normal代表普通字重,bold代表加粗字重,bolder代表更加加粗字重,lighter代表更加轻的字重,100-900代表具体的数字,数字越大字重越重。

3. 字体大小

font-size:12px;
font-size:1em;
font-size:%;
font-size:large;
font-size:small; 

其中px代表像素,em代表相对于父元素的字体大小,%代表相对于默认的字体大小,large和small代表具体的字体大小。

4. 字体系列

font-family:sans-serif;
font-family:serif;
font-family:monospace;
font-family:"Microsoft YaHei"; 

其中sans-serif代表非衬线字体,serif代表衬线字体,monospace代表等宽字体,"Microsoft YaHei"代表具体的字体系列。

5. 字体颜色

color:#000000;
color:rgb(0,0,0);
color:rgba(0,0,0,1);
color:red; 

其中#000000代表十六进制的颜色代码,rgb(0,0,0)代表RGB颜色代码,rgba(0,0,0,1)代表具有透明度的RGB颜色代码,red代表具体的颜色名字。

总之,通过合理使用CSS的字体形体设置方式,我们可以让网页看起来更加美观,提升用户体验。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中字体形体设置

粉丝

0

关注

0

收藏

0

已有0次打赏