quarta-feira, 6 de maio de 2015

Porque usar ‘em’ no seu CSS hoje em dia?

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