PXtoEM.com
Em uma de minhas conversas com meu amigo Renan, ele me perguntou se eu já usei a unidade de medida “EM” para textos em meu CSS. Respondi que ultimamente tenho usado a unidade sim.
O “EM” é uma unidade derivada da porcentagem, ou seja, se você definir um tamanho em uma determinada região do código poderá fazer com que os textos que descendem dela tenham tamanhos relativos a uma determinada percentagem do valor definido nela.
Algumas pessoas costumam dizer que é uma medida de acessibilidade, conforme o próprio Renan me informou. Mas particularmente não vejo utilidade para o usuário pois cada browser trata isso da forma que acha melhor. Mas em nível de desenvolvimento com certeza é uma mão na roda pois os textos manterão sempre a mesma proporção, consequentemente o programador só precisará mudar um valor: O valor-base, que serve como base para os cálculos de proporção.
Particularmente costumo definir apenas o font-size da tag body, assim quando tiver que alterar os tamanhos da página inteira só preciso mexer no tamanho do body.
Para me ajudar nessa missão descobri um site bastante útil: PXtoEM.com. O site é totalmente auto-explicativo e ainda traz toda a teoria sobre as medidas e como usá-las. Como se não bastasse ainda traz um CSS Text Reset baseado na base que você escolher.
