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