[CSS] learning em

gistfile1.txt

[RU:] 1em всегда равен размеру шрифта данного блока
[EN:] 1em is always equal to the font size of this block

gistfile2.txt

-------------------------------------
[RU:] 
-------------------------------------

Если в блоке указан размер font-size, то он "надписывает" значение заданого ранее font-size. Пример: 
body {
    font-size: 16px;
}

.foo {
    font-size: 2em; // 2em = 16px * 2 = 32px
  
    margin: 0 0 .5em; // .5em = тут будет 16, потому что как font-size берется 32px, с 11й линии. 
}

-------------------------------------
[EN:]
-------------------------------------
If the font-size is specified in the block, it "overrides" the value of the previously specified font-size. Example:
body {
    font-size: 16px;
}

.foo {
    font-size: 2em; // 2em = 16px * 2 = 32px
  
    margin: 0 0 .5em; // .5em = here 0.5em equals to 16px, because 32px is taken as font-size, from the 25th line.
}