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: .5em;
}
Neste caso, a borda terá 10pixels, e o padding-bottom
também.
Vantagem? Neste caso, basta mudar o tamanho da fonte, que o resto dos elementos vai acompanhar a fonte.