(前端)html与css，css 6、font-weight

墨蓝 2021-11-23 10:00 232阅读 0赞

## font-weight:字体加粗 ##

属性值:数字、单词  
数字:100,200……700。  
数字400正常属性，代码↓

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>Document</title>
        <style type="text/css">
            *{
          
                margin: 0;
                padding: 0;
            }
            #one{
          
                font-weight: 700;
            }
            #tow{
          
                font-weight: 400;
            }
        </style>
    </head>
    <body>
        <p id="one">文字加粗</p>
        <p id="tow">文字正常属性</p>
    </body>
    </html>

两个单词:bold(加粗),normal(正常)  
bold=700/normal=400

代码↓

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>Document</title>
        <style type="text/css">
            *{
          
                margin: 0;
                padding: 0;
            }
            #one{
          
                font-weight: bold;
            }
            #tow{
          
                font-weight: normal;
            }
        </style>
    </head>
    <body>
        <p id="one">文字加粗</p>
        <p id="tow">文字正常属性</p>
    </body>
    </html>

效果图↓

![1365792-20190617183811894-230014786.png][]

转载于:https://www.cnblogs.com/StevenSunYiwen/p/11041468.html

[ContractedBlock.gif]: https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211122/efaa1c59fdf14e448e7b07f3f96a1a8d.png
[1365792-20190617183811894-230014786.png]: /images/20211122/baf1c49b159e45aa8d97828743e06168.png