Unidades de Medida em CSS: em
Sempre que trabalhamos com CSS utilizamos algum tipo de unidade de medida para fontes ou margins…
A unidade mais comumente utilizada é o PX(Pixel), que é uma unidade relativa assim com o “EM”. Muitos dizem que o “em” é melhor para se utilizar em locais onde há um script de zoom nos textos.
A unidade de medida - em
A unidade de medida de comprimento em referencia-se ao tamanho da fonte (letra) do seletor onde for declarada. Quando em for declarada para a propriedade
font-sizereferencia-se ao tamanho da fonte (letra) do elemento pai. Quando em for declarada para o elemento raiz do documento (p. ex:<html>em documentos html) referencia-se ao valor inicial (default) do tamanho de fonte (letra).Os exemplos abaixo esclarecem as definições:
h1 { line-height: 1.2em }line-height de
<h1>será 20% maior do que o tamanho das letras de<h1>
h1 { font-size: 1.2em }font-size de
<h1>será 20% maior do que o tamanho das letras herdado por<h1>p.ex.: se h1 estiver contido numa div com font-size=10px então font-size de h1 = 12px
1em = 16px
Caso deseje começar a utilizar o em, existe uma calculadora on-line para tal no link abaixo.
Enviado por: Leandro Garcia - Categoria(s): CSS Tags relacionadas: CSS, em