Truques para se trabalhar com unidades relativas: em
Postado por: Pedro Rogério emA unidade de medida relativa “em” tem como finalidade indicar o número de vezes que se deve aumentar o tamanho da letra em relação ao tamanho do elemento que a contém. Para uma melhor compreensão ao desenrolar deste post, verifique abaixo os valores em px para em:
1em = 10px
1.2em = 12px
1.5em = 15px
Muitas pessoas não sabem, mas o valor definido nos navegadores para o tamanho das fontes é de 16px, então qualquer elemento dentro de <body> terá o seguinte tamanho:
1em = 16px
2em = 32px
0.5em = 8px
Mas, se por um acaso, definir-mos um tamanho para um elemento, por exemplo p, que está dentro de body, o elemento filho estabelece seu tamanho em relação ao elemento pai. Por exemplo, se o tamanho das fontes no navegador está definido como 16px:
body { font-size:0.5em; }
p { font-size:2em; }
O elemento p vai ter um tamanho de 16px, não de 32px, por que ele “herda” o tamanho definido em body (a metade, 8px) e o dobra (2×8=16). Dùvidas beba direto da fonte.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Será que é melhor utilizar a medida em?
Eu sempre usei px.
Na verdade não sei como ver a diferença das duas medidas.
Osny,
Dá uma olhada nesse artigo: Tamanho das Fontes
Ae !!! procurei saber sobre o assunto achei aqui …
boa velho !!!
Continue assim Distribuindo Conhecimento ! por não ganhar dinheiro com isso mais ganhará satisfação propria e respeito
Abraco
[...] tipo de medida, o autor mantém um controle relativo em relação ao tamanho da fonte padrão do usuário, onde pode especificar quanto maior ou menor se vê o texto na página. VOcê pode [...]