介绍
这篇文章主要为大家展示了CSS中行高怎么实现继承,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“CSS中行高怎么实现继承”这篇文章吧。
<强>行高的如何继承? 强>
- <李>
写具体数的值,如30 px,则继承该值(比较好理解)写比例,如2/1.5,则继承该比例(比较好理解)
李> <李>比如身体中行高设为2,则p标签继承行高为2,则算出来的p标签行高为字体大小* 2=32 px;
李> <李>写百分比,比如200%,则继承计算出来的值(考点),终止,当前的字体大小* 200%例子中:20 * 200%=40 px;
李>核心代码演示:
初始化
& lt; style> ,,,身体{ ,,,,,,,,字体大小:20 px; ,,,} ,,,p { ,,,,,,,背景颜色:,# ccc; ,,,,,,,,字体大小:16 px; ,,,} ,,,& lt;/style> & lt;/head> & lt; body> ,,,& lt; p>这是一行文字& lt;/p> & lt;/body>
写具体数值
,身体,{ ,,,,,,,,字体大小:20 px; ,,,,,,,行高:,50 px; ,,,} ,,,p { ,,,,,,,背景颜色:,# ccc; ,,,,,,,,字体大小:16 px; ,,,}
写比例
,身体,{ ,,,,,,,,字体大小:20 px; ,,,,,,,,行高:1.5; ,,,} ,,,p { ,,,,,,,背景颜色:,# ccc; ,,,,,,,,字体大小:16 px; ,,,}
写百分比先算后继承!
身体{ ,,,,,,,,字体大小:20 px; ,,,,,,,,行高:200%; ,,,} ,,,p { ,,,,,,,背景颜色:,# ccc; ,,,,,,,,字体大小:16 px; ,,,}
以上就是关于“CSS中行高怎么实现继承”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注行业资讯频道。