字体系统之字体粗细(CSS、HTML)

不易撞的网名

于 2021-08-06 10:56:10 发布

阅读量325

点赞数

分类专栏：前端文章标签： html css

本文链接：https://blog.csdn.net/weixin_50569789/article/details/119449308

版权

前端专栏收录该内容

264 篇文章

订阅专栏

字体系统之字体粗细(CSS、HTML)

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>字体系统之字体粗细</title>
  <style>
    .bold {
      /*  font-weight: bold;*/
      /*   700的后面不要跟单位，它等价于bold */
      font-weight: 700;
    }

    h2 {
      font-weight: 400;
      /*   font-weight: number;z这两句话是等价的 */
    }
  </style>
</head>

<body>
  <h2>震惊！某市某少年身价亿万</h2>
  <p class="bold">经过相关调查</p>
  <p>x市---未来的科技巨头</p>
</body>

</html>