CSS属性设置 — 字体样式

时间:2022-01-03 来源:未知网络 作者:996建站网

Ⅰ 字体样式

  • font-weight: — 文字粗细
normal;  	-- 默认值标准粗细
bold;	        -- 粗体
bolder;	        -- 更粗
lighter;	-- 更细
100~900;	-- 设置具体粗细400等同于normal而700等同于bold
inherit;	-- 继承父元素字体的粗细值

    <style>
        .c1 {font-weight: bold;}
        #p2 {font-weight: bolder;}
        #p3 {font-weight: lighter;}
        #p4 {font-weight: 500;}
        #p5 {font-weight: inherit;}
    </style>

<p>我是默认值</p>
<hr>
<p id="p1" class="c1">铁流如潮人如水,神教之下几人回</p>
<hr>
<p id="p2">英雄不问出处,流氓不论岁数</p>
<hr>
<p id="p3">拳打南山敬老院,脚踢北海幼儿园</p>
<hr>
<p id="p4">跟着德系大佬走,吃喝玩乐全都有</p>
<hr>
<ul class="c1">
    <li>
        <p id="p5">跟着苏系老哥走,没准也能蹭两手</p>
    </li>
</ul>

CSS属性设置  — 字体样式插图

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序