Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Quando utilizar % e quando Utilizar EM?

Referente ao curso HTML5 e CSS3 II: Turbinando as suas páginas, no capítulo Absolute mais a fundo e atividade Texto do post mais recente

por nick!gg
| 173k xp | 8 posts

Prezados e Prezadas!

Tive uma dúvida na etapa final do exercício "Texto do post mais recente" .

Tendo como base o exemplo abaixo:

.blog .inicio-post {
    position: absolute;
    top: 4em;
    height: 8em;
    left: 30%;
    right: 4em;
    background-color: #F2FFFC;
    color: #000;
    padding: 1.5em;
}

Qual é a convenção de uso para % (aplicado no LEFT) ou as referencias EM (aplicado no RIGHT)? Quando devemoss optar por uma ou outra?

Além disso, para determinar os valores de width pela unidade "CH", existe alguma referência que devemos usar/ter em mente? ou apenas a tentativa e erro por olho mesmo?

Agradeço desde já.

2 respostas
solução!
por Ricardo Gouveia
| 50.1k xp | 3 posts
Desenvolvedor Front End

O % será relativo a alguma medida do elemento pai, e o EM em relação ao tamanho padrão de fonte. Se o ajuste é relativo a texto, a unidade EM deve ser mais adequada. Se relativo a tamanho de elemento, e relativo a seu pai, então % deve ser mais adequado. Do jeito que está, fica meio confuso já que para cada direção do posicionamento você usa uma unidade diferente.

Em relação a CH, é relativo a largura do caractere 0 no tamanho padrão, então sua referência deve ser esse tamanho.

por nick!gg
| 173k xp | 8 posts

Agradeço a ajuda, Ricardo!

Quanto ao código, foi um recorte que eu fiz do curso mesmo, visto que para mim ficou um pouco estranho o uso de % e EM para setar o posicionamento no mesmo caso.

Abraços!