A Web: HTML e CSS
📐 CSS: display, fluxo e posicionamento
O fluxo normal com display, o sistema position (relative, absolute, fixed, sticky) e os contextos de empilhamento com z-index.
O que você vai aprender
- Controlar o fluxo normal das caixas com
display(block,inline,inline-block,none) - Posicionar elementos com
position(relative,absolute,fixed,sticky) e os deslocamentostop/right/bottom/left - Gerenciar a sobreposição de elementos com
z-indexe seus contextos de empilhamento
Lições
display e o fluxo normalblock, inline, inline-block e none: como as caixas fluem. A propriedade positionstatic, relative, absolute, fixed e sticky com top/right/bottom/left. z-index e contextos de empilhamentoControlar qual elemento fica na frente ao se sobrepor.Pratique este módulo no app
O DevPath é um curso prático: aqui você lê a teoria; no app você a coloca em prática com exercícios que rodam de verdade, offline.
Comece grátis no app →