A grande diferença de em e px é que em é uma medida relativa. O valor é calculado levando sempre em consideração o font-size do pai. Isso quer dizer que um elemento com font-size: 2em; vai ter o dobro do tamanho da fonte do pai, seja ele qual for.
E assim por diante. O pai do pai do pai do pai… É uma grande multiplicação de valores até chegar na raiz do documento, o <html>. Se não tiver uma fonte definida, a maioria dos navegadores usa 16px como padrão para o <html>.
Isso quer dizer que esse código:
..acaba sendo equivalente a:
Nos próximos posts vamos ter uma explicação mais detalhada sobre 'px' e 'em', mas pra quem está começando, já da para saber a diferença e como utiliza.
Nenhum comentário:
Postar um comentário