[分享]css中字体形体设置

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

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的字体形体设置方式，我们可以让网页看起来更加美观，提升用户体验。