需要响应Web排版（用于ems中的线高度计算）代码解释

我试图理解CSS计算过程，它包含在下面的CSS样式中。代码来自一个响应性强的Wordpress主题，我无法理解作者是如何得出

元素行高的em值的。我已经在上完成了以下教程

本教程非常有用，但我看不出下面代码的作者是如何得出他/她的数字的。如果有人能解释作者使用的公式和过程，我将不胜感激。似乎14px是基本字体大小，22px是产生1.57142857（22/14=1.57142857）基本前导的基本边距。除此之外，我看不出作者对元素行高值的推理

body { font:normal 14px/1.57142857 Arial,"Helvetica Neue",Helvetica,sans-serif; }

h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, address,
dl, ol, ul, table,
legend, hr, figure {    
margin-bottom:22px;
}

li > ul,
li > ol {
margin-bottom:0; 
}

/* Headings */
h1, .h1 { font-size:60px; line-height:1.10000000; font-weight:normal;  }
h2, .h2 { font-size:36px; line-height:1.16666667; font-weight:normal;  }  
h3, .h3 { font-size:24px; line-height:1.25000000; font-weight:normal;  }
h4, .h4 { font-size:18px; line-height:1.33333333; font-weight:normal; }
h5, .h5 { font-size:14px; line-height:1.57142857; font-weight:normal; }
h6, .h6 { font-size:12px; line-height:1.57142857; font-weight:normal; }

---

作者一定使用了

---

检查Zurb基金会框架如何使用它。

谢谢你的回应。我会按照你建议的链接，并尝试拼凑起来。这些值似乎太精确了，不可能是任意的。