O "EM":
------

O `em` **reflete** a medida da fonte corrente em pixels. É melhor do que `px`? Não, na verdade é um complemento.

O que vale mesmo é saber qual usar no caso concreto. Estas unidades de medidas existem para serem usadas conforme são necessarias.

Um exemplo de uso:

    .exemplo {
       font-size: 20px;
       border-radius: .5em;
       padding-bottom: 2em;
    }

Neste caso, a borda terá 10px, e o `padding-bottom`40px.

Vantagem? Neste caso, basta mudar o tamanho da fonte, que o resto dos elementos vai acompanhar proporcionalmente.

Um outro exemplo:

    .exemplo {
       font-size: 20px;
       line-height: 1.5em;
    }

Assim, teremos espaçamento 1,5 entre linhas (poderiamos ter posto 150%, alternativamente).

Os "pixels":
---

Pixel é a abreviação de _Picture Element_, e se refere aos pontinhos que compõe as imagens na tela.

**Usualmente** correspondiam aos pixels físicos do dispositivo, mas isso não é mais uma verdade absoluta. Com as telas de alta definição, e o fato das decisões de mercado serem tomados por Comitês, e não gente que realmente usa os padrões, agora em alguns casos o Pixel pode corresponder ao ponto mínimo do dispositivi físico (que é o "normal"), mas pode gerar algumas dúvidas nos displays de alta densidade, como tratado na questão a seguir:

http://pt.stackoverflow.com/questions/11048/qual-o-dpi-recomendado-para-imagens-utilizadas-em-websites