Что представляет 1em при Html-элементе в DOM?

Question

[Rooly]

Здравствуйте.
Есть у меня в reset.css такие строки ( отрывки свойств )

html, body  {
	font-size: 100%;                     /* размер шрифта всем одинаковый */
}
body {
	font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
}

Относительно чего берутся 100% и 1em, ведь у них нету родителей? У разных браузеров эти 100% и 1em отличаются или совпадают? Для body задан font-size: 100%, второй раз задан --- 1em. Это не одно и тоже?

Answer 1

[Kovalsky]

из дефолтных стилей [браузера]

Answer 2

[Александр]

Принято считать, что 1em равен 16px

Answer 3

[iBird Rose]

100% и 1em - да. это одно и то же.
разные браузеры воспринимают по разному.

Comments

[Rooly]

1. Откуда берутся эти 100% и 1em? Из стилей, которые задают размер элемента в браузере по умолчанию ( как я понял ).
2. Сильно ли это будет влиять на кроссбраузерность?

[iBird Rose]

ZetIndex_Ram: 1) да. из дефолтных стилей. 2) смотря что ты имеешь ввиду? такая запись создана только для того чтобы обнулить стили. в своем проекте ты должен указать нормальный font-size.