</> CodeBooks
    ← Volver a CSS (página 4)
    Portada de Positioning in CSS

    Positioning in CSS

    Eric A. Meyer

    Editorial
    O'Reilly
    Año
    2016
    Páginas
    ~50
    Nivel
    Intermedio

    De qué trata

    Libro muy breve (unas 50 páginas) de Eric A. Meyer sobre el posicionamiento en CSS, también extraído de la cuarta edición de CSS: The Definitive Guide. Se dirige a desarrolladores de nivel intermedio que ya conocen el modelo de caja y quieren dominar cómo colocar elementos de forma precisa respecto a su contenedor o a la ventana.

    Cubre los cuatro tipos de posicionamiento: relativo, absoluto, fijo y sticky, que entonces era una novedad. Explica el bloque contenedor (containing block) y cómo se determina en cada caso, las propiedades de desplazamiento top, right, bottom y left, el ancho y el alto de los elementos posicionados, el manejo del contenido desbordado con overflow y clip, el apilamiento con z-index y los contextos de apilamiento, y la visibilidad de los elementos.

    Es puramente conceptual, sin ejercicios ni proyectos, aunque cada propiedad se acompaña de ejemplos y figuras. Sirve para resolver dudas típicas: por qué un elemento absoluto se coloca respecto a un ancestro inesperado o por qué un z-index alto no funciona. No trata Flexbox ni Grid, que hoy resuelven el layout general; el posicionamiento queda para casos puntuales como superposiciones, menús o cabeceras fijas. Conviene leerlo después del título de Meyer sobre el modelo de caja.

    • Posicionamiento CSS
    • position: relative
    • position: absolute
    • position: fixed
    • position: sticky
    • Containing block
    • Offsets
    • z-index
    • Contextos de apilamiento
    • Overflow

    ¿Cómo enseña?

    TeóricoPráctico

    Teórico

    • ✗ Sin ejercicios
    • ✗ Sin proyectos

    Más de CSS con nivel Intermedio