3-27关于line-height继承问题

最新推荐文章于 2024-11-15 19:51:40 发布

luffy爱吃鸡腿

最新推荐文章于 2024-11-15 19:51:40 发布

阅读量109

点赞数

分类专栏：新手入门上路新手上路文章标签： css javascript html

本文链接：https://blog.csdn.net/HelloBigone/article/details/115917392

版权

新手上路同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

新手入门上路

6 篇文章 0 订阅

订阅专栏

line-height继承问题

<style>
    body{
        font-size: 20px;
        line-height：40px; 
        line-height：2;  
        line-height：200%;  
     // 当line-height设置为一个以px为单位的具体数值时，行高为40px
     // 当line-height设置为一个比例值时，行高为比例值乘以p标签的font-size为32px
     // 当line-height设置为一个百分比时，行高为百分比乘以body的font-size为40px
        
    }
    p {
        background-color: #ccc;
        font-size: 16px;
    }
    </style>
</head>
<body>
    <p>这是一行文字</p>
</body>