CSS设置字体样式

2021/12/18 23:23:37

本文主要是介绍CSS设置字体样式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

字体类型属性font-family

格式:

font-family:"华文彩云"

使用font-family设置字体时,需要注意以下几点:

  • 各种字体之间必须使用英文状态下的逗号隔开
  • 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体必须位于中文字体名之前。

字体大小属性font-size

font-size:字号大小

格式:

font-size: 12px;

字体风格属性font-style

font-syle属性:

normal:正常(默认值)

italc:斜体

属性值:normal:默认值 italc:斜体 oblique:倾斜

font-style: mormal;

注意是:italc和oblique都是设置斜体的,两者在本质上没有效果上并没有区别,但是在实际开发中常用是italc

字体粗细属性font-weight

normal:正常(默认值)

bold:敢于冒险的; 鲁莽的; 轮廓(或色彩)突出的;

bolder:粗体的; 勇敢的; 冒失的;

lighter:更细;打火机; 点火器; 点火者; 驳船;

格式:

font-weight: bold;

n属性值描述
normal默认值,定义标准的字符
bold定义粗体字符
bolder定义更粗的字符
lighter定义更细的字符
100~900(100)的整数倍定义由细到粗的字符,其中400是等于normal,700等于bold,值越大越粗

字体颜色属性Color

格式:

color: red;

字体属性font

字体属性font

font综合设置字体样式:风细大体

font: font-style font-weight font-size/line-height font-family;

综合写法:一定要写font-sizefont-family属性,其它属性可以不写。

在这里插入图片描述



这篇关于CSS设置字体样式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程