em ,rem e ch

Oi Arisley,

Dá uma olhadinha nestas dúvidas, veja se elas conseguem te esclarecer um pouco:

https://cursos.alura.com.br/forum/topico-quando-usar-as-medidas-px-em-rem-ch-21750

https://cursos.alura.com.br/forum/topico-medida-em-28123

https://cursos.alura.com.br/forum/topico-o-ch-e-realmente-necessario-26293

Abraço!

Essas medidas servem para tornar o layout mais coeso. Por exemplo, digamos que você tenha definido que uma parte do texto tem que ficar com 60px, isso porque o texto precisa estar destacado, mas esse texto só estará em destaque caso a fonte do navegador seja 30px, ou 40px, caso ela seja uma fonte "EXG" os 60px não irão funcionar.

Logo em vez de usar os px como referência, usa-se a fonte do próprio navegador como referência no caso rem. Ou seje, pega-se o tamanho da fonte que o navegador está usando e se faz o calculo de tamanho em cima dessa fonte, para espaços, tamanho de fontes e outras coisas, não se usa os pixels, sacou?

Já o em pega o tamanho da fonte do elemento pai.

Já a medida CH é utilizada para medir larguras. Essas medidas vão se basear não em pixels, mas na fonte do navegador, o que torna o layout mais robusto.

Além de deixar o código mais robusto, tem uma grande diferença:

usar EM e não pixels ajuda para layouts responsivos.

Abraços.