欢迎光临散文网 会员登陆 & 注册

知识分享!CSS字体样式值

2020-12-25 10:26 作者:光耀三十洲  | 我要投稿

字体样式

font-weight: 文字粗细

  • normal:  默认值,标准粗细

  • bold:粗体

  • bolder:更粗

  • lighter:更细

  • 100~900:设置具体粗细,400等同于normal,而700等同于bold

  • inherit:继承父元素字体的粗细值

文字风格

font-style: -- 文字风格

  • normal; -- 正常,默认就是正常的

  • italic; -- 倾斜

字体大小

一般是12px或13px或14px

注意: 1、通过font-size设置文字大小一定要带单位,即一定要写px; 2、如果设置成inherit表示继承父元素的字体大小值。

文字字体

font-family: -- 字体风格

常见字体:

  • serif 衬线字体

  • sans-serif 非衬线字体

  • 中文:宋体,微软雅黑,黑体

注意: 设置的字体必须是用户电脑里已经安装的字体,浏览器会使用它可识别的第一个值。 如果取值为中文,需要用单或双引号扩起来

字体颜色

  • color:rgb(123,123,123); -- 字体三原色拼凑字体颜色

  • color:red; -- 预设颜色

了解更多,请点击:https://www.bilibili.com/video/BV13p4y167vu



作者:前端萧萧
链接:https://juejin.cn/post/6909741974740271118
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


知识分享!CSS字体样式值的评论 (共 条)

分享到微博请遵守国家法律