css font-weight.html

最新推荐文章于 2023-10-15 02:08:27 发布

学无止境慢慢来

最新推荐文章于 2023-10-15 02:08:27 发布

阅读量256

点赞数

分类专栏： CSS

原文链接：https://www.w3school.com.cn/cssref/pr_font_weight.asp

版权

CSS 专栏收录该内容

71 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css font-weight</title>
    <style>
        /*参考：https://www.w3school.com.cn/cssref/pr_font_weight.asp
        知识点：
        font-weight 属性设置文本的粗细。
        数字值 400 相当于关键字 normal，700等价于 bold。
        默认值：normal
        值      描述
        normal 默认值。定义标准的字符。
        bold   定义粗体字符。
        bolder 定义更粗的字符。
        lighter    定义更细的字符。
        100
        200
        300
        400
        500
        600
        700
        800
        900
        定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。
        inherit    规定应该从父元素继承字体的粗细。
        */
        p.normal {
            font-weight: normal
        }

        p.thick {
            font-weight: bold
        }

        p.thicker {
            font-weight: 900
        }
    </style>
</head>
<body>
<p class="normal">This is a paragraph</p>
<p class="thick">This is a paragraph</p>
<p class="thicker">This is a paragraph</p>
</body>
</html>