Boa tarde!
Ambas as propriedades Display e Position trabalham com posicionamento do elemento. Qual a diferença crucial das duas e como saber qual melhor aplicar em um projeto ?
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
Boa tarde!
Ambas as propriedades Display e Position trabalham com posicionamento do elemento. Qual a diferença crucial das duas e como saber qual melhor aplicar em um projeto ?
Oi, tudo bem?
O display e o position, tem relação com o posicionamento mas não quer dizer que o fato de utilizar um não necessariamente não se utiliza o outro, pelo contrário, você muitas vezes vai usar os dois. Como por exemplo, você deseja fazer um menu fixo no topo de uma página web, provavelmente, você usará position: fixed e um display: flex para dispor os elementos dentro do container de navegação.
A diferença entres eles, está que o display diz em que tipo de caixa de renderização estará o conteúdo que foi definido com o display. Por exemplo, se você usar o display: grid em um determinado container, você está especificando que aquele container terá um comportanto de grid, assim como, display: block, que terá um comportamento de bloco. Já o position define o posicionamento do elemento, se vai ser fixo, se vai relativo ao posicionamento do body ou do elemento pai, ou se será absoluto.
Display define o comportante do elemento. Position define o posicionamento do elemento.
https://www.w3schools.com/cssref/pr_class_position.asp https://www.w3schools.com/cssref/pr_class_display.asp
Pegou a ideia? Qualquer dúvida é só falar :}
Bons estudos!
Olá Lais, estou bem sim!
Compreendi sua explicação. Muito obrigado pela ajuda, excelente didática!