HTML: what are the percentages of the heading tags?

Question

Hi,

I have just normalized the font size with this:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}

Now I would like to resize the heading tags giving percentages to the <h1>, <h2>. Something like this:

h1 {font-size: 2em; margin: .67em 0;}
h2 {font-size: 180%; margin: .83em 0;}  
h3 {font-size: 1.17em; margin: 1em 0;}
h4 {font-size: 1em; margin: 1.33em 0;}
h5 {font-size: .83em; line-height: 1.17em; margin: 1.67em 0;}
h6 {font-size: .67em; margin: 2.33em 0;}
h1, h2, h3, h4, h5, h6 {font-weight: bolder;}

As you can see, I gave a percentage to the h2, but what are the percentages for the rest of them?

Answer 1

I found this link with a conversion table.

Answer 2

View the falowing link, it might help you solve that:

CSS FONT SIZE em vs px vs pt vs %

Answer 3

The percentages can be whatever you want them to be. There's nothing saying that an H1 has to be bigger than an H2, that's just the default.