css中font-weight的常用取值和通用别名
2021-11-09 乐帮网
css
在css当中我们常会用到font-weight，它也有一些常用的值，下面就汇总一下常见的值可能有一些你还不知道。
首先常见的别名变量值和对应的值汇总如下：
/* 关键值变量 */
font-weight: normal;
font-weight: bold;
/* 相对值*/
font-weight: lighter;
font-weight: bolder;
/* 常用数值 */
font-weight: 100;
font-weight: 200;
font-weight: 300;
font-weight: 400; /* 等同于normal */
font-weight: 500;
font-weight: 600;
font-weight: 700; /* 等同于bold */
font-weight: 800;
font-weight: 900;
/* 全局变量值 */
font-weight: inherit;
font-weight: initial;
font-weight: revert;
font-weight: unset;
下面还有一些常用的别名变量值如下：
| Value | Common weight name |
|---|---|
| 100 | Thin (Hairline) |
| 200 | Extra Light (Ultra Light) |
| 300 | Light |
| 400 | Normal (Regular) |
| 500 | Medium |
| 600 | Semi Bold (Demi Bold) |
| 700 | Bold |
| 800 | Extra Bold (Ultra Bold) |
| 900 | Black (Heavy) |
| 950 | Extra Black (Ultra Black) |
https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
lebang2020.cn
关注我的微信公众号
在公众号里留言交流
投稿邮箱：1052839972@qq.com
庭院深深深几许？杨柳堆烟，帘幕无重数。
玉勒雕鞍游冶处，楼高不见章台路。
雨横风狂三月暮。门掩黄昏，无计留春住。
泪眼问花花不语，乱红飞过秋千去。
如果感觉对您有帮助
欢迎向作者提供捐赠
这将是创作的最大动力