Tutorial de Posicionamiento en CSS | Aprende CSS para Principiantes

Hoy voy a empezar una serie para enseñarte CSS desde cero hasta niveles avanzados.

En este tema, cubriré todas las propiedades de posicionamiento en CSS: *static*, *relative*, *absolute*, *fixed* y *sticky*.

Aprende a posicionar elementos como un profesional.

Notas rápidas:

▪ Posición static: Es la posición por defecto de los elementos HTML, no tiene ningún efecto.

▪ Posición relative: Mantiene su posición inicial y puede moverse desde ahí.

▪ Posición absolute: Por defecto, se posiciona respecto a su ancestro más cercano (normalmente la etiqueta <body>). Si defines *position relative* en un elemento padre, se posicionará en ese contexto.

▪ Posición fixed: Saca el elemento del flujo del documento y lo fija al *viewport*.

▪ Posición sticky: Alterna entre *static* y *fixed*.

No olvides ver: *« ¿Deberías convertirte en ingeniero de software? »*