4.1 Cajas

En clases anteriores hemos mencionado en algunas ocasiones las “cajas”, en este módulo vamos a explicarte bien que son y cómo se utilizan.

Al momento de utilizar un elemento el navegador crea una caja virtual que lo rodea. Estas cajas se clasifican en dos tipos, Block (bloque) y Inline (en linea). Los elementos de bloque tienen un tamaño que se puede personalizar y generan saltos de línea mientras que los elementos en línea tienen un tamaño determinado por su contenido y no generan saltos de liena.

Los elementos Block son apropiados para crear columnas y secciones en una página web, mientras que los elementos Inline son adecuados para representar contenido. Esta es la razón por la que los elementos que definen la estructura de un documento, como <section>, <nav>, <header>, <footer>, o <div>, se declaran como elementos Block por defecto, y otros como <span>, <strong>, o <em>, que representan el contenido de esos elementos, se declaran como elementos Inline.