html - CSS - 行高问题

Question

观察<h1>Jedálny lístok</h1>之间的差距和 <h2>A</h2>

• 行高属性的真正含义是什么？
• 为什么 line-height: 1.5;不等于 line-height: 1.5em;
• 两种情况下的间隙相同或行高被破坏，因为没有行高是相同的...

与

body {
  line-height: 1.5;
}

没有

Answer 1

/* Keyword values */
line-height: normal;

/* Unitless: use this number multiplied by the element's font size */ 
line-height: 3.5;

/* <length> values */
line-height: 3em;

/* <percentage> values */
line-height: 34%;

/* Global values */
line-height: inherit;
line-height: initial;
line-height: unset;

https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#Syntax