Modelo de cajas

El modelo de cajas se ha convertido en el modelo más estandarizado de los navegadores para representar un archivo HTML.

El modelo de cajas tiene las siguientes características.

  1. Cada cajón o caja contenido en el body (incluido el) se considera como un rectángulo.
  2. Cada caja se hace lo más corta posible (va a ocupar las menores líneas posibles) y posteriormente se va ha hacer lo más estrecha posible.

    Si no se fuerza un salto de línea no habrá un salto de línea ya que la prioridad es hacerla lo más corta posible.

  3. La caja será lo más pequeña posible atendiendo estas condiciones anteriores. y se colocaran de izquierda a derecha, en caso de entrar. si no entran se empezaran a colocar de la misma forma que quedan los textos
  4. Todas estas propiedades se pueden modificar con estilos CSS
  5. Algunos cajones (dependiendo de la marca ya tienen algunos estilos predefinidos).