Introducción a CSS

Capítulo 5. Posicionamiento y visualización

Cuando los navegadores descargan el contenido HTML y CSS de las páginas web, aplican un procesamiento muy complejo antes de mostrar las páginas en la pantalla del usuario.

Para cumplir con el modelo de cajas presentado en el capítulo anterior, los navegadores crean una caja para representar a cada elemento de la página HTML. Los factores que se tienen en cuenta para generar cada caja son:

  • Las propiedades width y height de la caja (si están establecidas).
  • El tipo de cada elemento HTML (elemento de bloque o elemento en línea).
  • Posicionamiento de la caja (normal, relativo, absoluto, fijo o flotante).
  • Las relaciones entre elementos (dónde se encuentra cada elemento, elementos descendientes, etc.)
  • Otro tipo de información, como por ejemplo el tamaño de las imágenes y el tamaño de la ventana del navegador.

En este capítulo se muestran los cinco tipos de posicionamientos definidos para las cajas y se presentan otras propiedades que afectan a la forma en la que se visualizan las cajas.