CSS font-weight

CSS font-weight

CSS font-weight属性用于定义文本的粗细,粗细程度取决于浏览器使用的字体系列。
语法
 font-weight: normal | lighter | bolder | bold | number | inherit |initial | unset;
属性值
normal:这是默认字体粗细,其数字值为400。
lighter:它考虑字体族的现有字体粗细,并使字体粗细与父元素相比更轻。
bolder:考虑 font-family的现有字体粗细,并使字体粗细与父元素相比更大。
bold:顾名思义,它用于定义粗体字体粗细,其数值为700。
number:基于指定数字的字体粗细。其范围可以在1到1000之间。
initial:它用于将字体粗细设置为其默认值。
让我们看一个示例
示例
 <!DOCTYPE html> 
<html>
<head>
    <title> font-weight property </title>
    <style>
        body{
            font-family: sans-serif;
        }
        p.one{
            font-weight: normal;
        }
        p.two{
            font-weight: lighter;
        }
        p.three{
            font-weight: bolder;
        }
        p.four{
            font-weight: bold;
        }
        p.five{
            font-weight: 1000;
        }
        p.six{
            font-weight: initial;
        }
        p.seven{
            font-weight: inherit;
        }
        p.eight{
            font-weight: unset;
        }
    </style>
</head>
<body>
    <p class="one">
       normal property value
    </p>
    <p class="two">
      lighter property value
    </p>
    <p class="three">
      bolder property value
    </p>
    <p class="four">
      bold property value
   </p>
   <p class="five">
      number property value
   </p>
    <p class="six">
      initial property value
    </p>
    <p class="seven">
      inherit property value
    </p>
    <p class="eight">
      unset property value
    </p>
</body>
</html>

normal属性字体粗细

lighter属性字体粗细

bolder属性字体粗细

bold属性字体粗细

number属性字体粗细

initial属性字体粗细

inherit属性字体粗细

unset属性字体粗细