CSS中行高怎么实现继承

  介绍

这篇文章主要为大家展示了CSS中行高怎么实现继承,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“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>

 CSS中行高怎么实现继承

写具体数值

,身体,{   ,,,,,,,,字体大小:20 px;   ,,,,,,,行高:,50 px;   ,,,}   ,,,p  {   ,,,,,,,背景颜色:,# ccc;   ,,,,,,,,字体大小:16 px;   ,,,}

 CSS中行高怎么实现继承

写比例

,身体,{   ,,,,,,,,字体大小:20 px;   ,,,,,,,,行高:1.5;   ,,,}   ,,,p  {   ,,,,,,,背景颜色:,# ccc;   ,,,,,,,,字体大小:16 px;   ,,,}

 CSS中行高怎么实现继承

写百分比先算后继承!

身体{   ,,,,,,,,字体大小:20 px;   ,,,,,,,,行高:200%;   ,,,}   ,,,p  {   ,,,,,,,背景颜色:,# ccc;   ,,,,,,,,字体大小:16 px;   ,,,}

 CSS中行高怎么实现继承

以上就是关于“CSS中行高怎么实现继承”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注行业资讯频道。

CSS中行高怎么实现继承