.citacao-bio { background-color: #D9E5E3; border: .5em solid #C2CCCA; width: 30ch; box-sizing: border-box; margin: 1em 2em; padding: 1em; }
Poderia me explicar qual valor esse "em" pega? Não consegui compreender direito
Solucionado
.citacao-bio { background-color: #D9E5E3; border: .5em solid #C2CCCA; width: 30ch; box-sizing: border-box; margin: 1em 2em; padding: 1em; }
Poderia me explicar qual valor esse "em" pega? Não consegui compreender direito
Oi Vitor, tudo bem? O em funciona muito parecido com a porcentagem. Em alguns casos eles são equivalentes. Neste caso, 1em está valendo coisa de 16px, isso por que é o tamanho padrão da fonte do navegador. Faz sentido?
Se a fonte do navegador ou do elemento pai for diferente de 16px, o em vai calcular a proporção adequada pra aquele contexto. Ficou mais claro?