Gostaria de saber quais são os padrões ou escala a ser seguida para definir uma medida relativa em ou rem?
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!