CSS 行高的继承

最新推荐文章于 2023-12-11 18:41:06 发布

三月，

最新推荐文章于 2023-12-11 18:41:06 发布

阅读量393

点赞数

分类专栏： # CSS 文章标签： css

本文链接：https://blog.csdn.net/weixin_44879122/article/details/116504803

版权

CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

格式

font: 字体大小/数字 '字体family';

如果数字后面加单位，则父元素及其子元素行高都是固定的；如果不跟单位，则父元素及其的子元素行高都是各自字体大小的此数字倍。

举例

<style>
    .a {
        font: 20px/2 'Microsoft Yahei';
    }

    .c {
        font-size: 14px;
    }
</style>


<body>
    <div class="a">父亲          //父亲的行高是44px   44px=22px*2
    <div class="b">儿子1</div>   //儿子1的行高是44px  44px=22px*2  22px是继承父亲的字体大小
    <div class="c">儿子2</div>   //儿子2的行高是28px  28px=14px*2
    </div>
</body>