Alguém poderia me explicar o que significa essa unidade de medida? Seria a mesma coisa que o em?
Solucionado
Alguém poderia me explicar o que significa essa unidade de medida? Seria a mesma coisa que o em?
hoje, com a Alura e o Google Gemini
Oi Luiz, tudo bem?
Sobre o REM, a letra R significa 'root', que quer dizer a raíz. A raíz do HTML é a própria tag <html>. Se a gente define que o font-size desse elemento será de por exemplo: 18px, então 1rem = 18px, 2rem = 36px e seguindo... Então, não existe comportamento de cascata, ele sempre multiplica só uma vez com relação ao tamanho do font-size do <html>.
Um exemplo:
HTML
<html style="font-size: 15px;">
<div style="font-size: 10px;">
<div style="font-size: 2rem;">
<p style="font-size: 3rem;">
Mensagem aqui!
</p>
</div>
</div>
</html>Então temos:
Primeira <div> => 10px;
Segunda <div> => 15*2 = 30px;
No<p> => 15*3 = 45px.
Vou deixar aqui esse artigo sobre Guia de Unidades no CSS, para uma leitura adicional.
Espero ter ajudado e bons estudos!
Um abraço e bons estudos.
Olá Lorena Garcia, muito obrigado pela dica, tinha dúvida sobre rem também.
Até mais e bons estudos.