line-height的如何继承?
写具体数值,如30px,则继承该值(比较好理解)写比例,如2/1.5,则继承该比例(比较好理解)比如body中line-height设为2,则p标签继承line-height为2,则算出来的p标签line-height为font-size * 2 =32px;写百分比,比如200%,则继承计算出来的值(考点)—当前的font-size * 200% 例子中:20 * 200% = 40px;
核心代码演示:
初列女操始化
<style> body{ font-size: 20px; } p { background-color: #ccc; font-size: 16px; } </styllove的过去式e></head><body> <p>这是一行文字</p></body>
写具体数值
body{ font-size: 20px; line-二元二次函数heigh崇明旅游家庭养花大全t: 50px; } p { background-color: #ccc; font-size: 16px; }
写比例
body{ font-size: 20px; line-height: 1.5; } p { background-color: #ccc; font-size: 16px; }
写百分比 先算后继承!
body{ font-size: 20px; line-height: 200%; } p { background-color: #ccc; font-size: 16px; }
到此这篇关于css line-height的如何继承的问题的文章就介绍到这了,更多相关css line-height继承内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章,希望大家以后多多支持www.887551.com!
本文发布于:2023-04-03 19:31:51,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/b730f0b8df245b90931e0755a322fd00.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:CSS line.doc
本文 PDF 下载地址:CSS line.pdf
留言与评论(共有 0 条评论) |