Gostaria de saber quais são os padrões ou escala a ser seguida para definir uma medida relativa em ou rem?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Gostaria de saber quais são os padrões ou escala a ser seguida para definir uma medida relativa em ou rem?
Olá Marcelo!
A medida rem (abreviação para root em) é referente ao tamanho de fonte base da página, que normalmente é o tamanho de fonte padrão do navegador, mas que pode ser alterado usando a propriedade font-size do elemento html.
Assim, no exemplo abaixo, 1 rem vale 25px e esse valor é válido para toda a página:
html {
font-size: 25px;
}Já a medida em varia de acordo com o elemento em que é utilizada. Ela tem o valor correspondente ao tamanho de fonte definido no próprio elemento. Veja nos exemplos abaixo:
p {
font-size: 20px;
margin: 1em; // aqui 1 **em** vale 20px
}
h1{
font-size: 25px;
margin: 1em; // aqui 1 **em** vale 25px
}Abraços e sucesso nos estudos!