Tutorial de Posicionamento em CSS | Aprende CSS para Iniciantes

Hoje vou começar uma série para te ensinar CSS, desde o básico até o avançado.

Neste tema, vou cobrir todas as propriedades de posicionamento em CSS: *static*, *relative*, *absolute*, *fixed* e *sticky*.

Aprende a posicionar elementos como um profissional!

Anotações rápidas:

▪ Posição static: É a posição padrão dos elementos HTML, não afeta nada.

▪ Posição relative: Mantém a sua posição inicial e pode ser deslocada a partir daí.

▪ Posição absolute: Por padrão, é posicionada em relação ao ancestral mais próximo (geralmente a tag <body>). Se definir *position relative* num elemento pai, ela será posicionada nesse contexto.

▪ Posição fixed: Retira o elemento do fluxo do documento e o fixa no *viewport*.

▪ Posição sticky: Alterna entre *static* e *fixed*.

Não esqueças de ver: *« Deverias tornar-te engenheiro de software? »*