Margem e preenchimento usando em
Quando o 1em é aplicado a um elemento, ele assume o valor padrão do navegador (geralmente 16 px) ou o valor do tamanho da fonte do pai, certo ?. Mas notei que se eu usar algo comomargin-top: 1em
em umh1
(sem usar uma folha de estilo de redefinição e, portanto, h1 é definido comofont-size: 32px
), então 1em é igual a32px
, mesmo que seu elemento pai esteja definido comofont-size: 16px
.
No entanto, usando algo como tamanho da fonte: 100%; resolve a discrepância.
O que estou perdendo