html - 计算页眉的理想底部边距

我有标题，每个都有一些空白。
我使用的http://pxtoem.com/开关基于Normalize CSS project。
我看了一下页边空白处，我认为它们不相称。
问题：
如何计算页眉的理想下边距？
注意：寻找一些计算器/工具/公式
HTML格式：

<h1>Header H1</h1>
<h2>Header H2</h2>
<h3>Header H3</h3>
<h4>Header H4</h4>
<h5>Header H5</h5>
<h6>Header H6</h6>

CSS:

/* Base: 1em = 14px */

body {
    font-size: 0.875em;
    -webkit-text-size-adjust: 0.875em;
    -ms-text-size-adjust: 0.875em;
}

h1 {font-size: 2em; margin: 0.67em 0;}
h2 {font-size: 1.5em; margin: 0.83em 0;}
h3 {font-size: 1.17em; margin: 1em 0;}
h4 {font-size: 1em; margin: 1.33em 0;}
h5 {font-size: 0.83em; margin: 1.67em 0;}
h6 {font-size: 0.75em; margin: 2.33em 0;}

输出：
注意H5和H6之间的差值。
我接受你的建议：）

最佳答案

看看关于垂直节奏和基线结构的文章。
http://typecast.com/blog/4-simple-steps-to-vertical-rhythm
http://alistapart.com/article/settingtypeontheweb
你已经在正确的行上了，但我将从设置以像素为单位的正文字体大小开始，使用ems设置与之相关的所有内容（包括行高）。
例如：

body {
  font-size: 15px;
  line-height: 1.6em; /* 24px */ }

p { padding-bottom: 1.6em;  /* 24px */  }

h1 {
  font-size: 2em; /* 30px */
  line-height: 1.6em; /* 24px */
  margin: 0 0 0.8em; /* 24px */ }

h2 {
  font-size: 1.6em; /* 24px */
  line-height: 1em; /* 24px */
  margin-bottom: 1em; /* 24px */ }

在我上面的例子中，车身线条高度1.6em等于24px。所以你的基线是24px。这意味着行的高度应该是它的倍数，边距也应该是它的倍数。
我的H1和H2示例在下面分别产生24px的边距和48px和24px的行高。当然，你可以从你喜欢的任何字体大小开始，使用任何倍的字体大小或行高，只要保持垂直节奏。
排版布局的关键是基线的一致性。非常整洁的布局！