Читать книгу El gran libro de HTML5, CSS3 y Javascript - Diego Gauchat Juan - Страница 62

Para poder crear su propio diseño tendrá que entender primero la forma en la que los navegadores procesan el código HTML. Los navegadores consideran a cada elemento HTML como una caja y una página web es en realidad un grupo de cajas colocadas según ciertas reglas. Estas reglas son establecidas por los estilos proporcionados por los navegadores o por reglas CSS creadas por los diseñadores.

El lenguaje CSS tiene un conjunto predeterminado de propiedades para sobrescribir los estilos de los navegadores y lograr el diseño deseado. Estas propiedades no son específicas y tienen que ser combinadas para formar reglas que más adelante son utilizadas para agrupar cajas y obtener la distribución correcta. La combinación de estas normas se suele llamar modelo o sistema de diseño. La combinación de estas reglas constituye un modelo de caja.

Actualmente hay un modelo de caja estándar además de algunos otros experimentales. Este primer modelo, válido y ampliamente adoptado, es llamado el Modelo de caja tradicional y ha sido utilizado desde la primera versión de CSS. Aunque efectivamente ha demostrado ser un modelo eficaz, algunos modelos experimentales están tratando de resolver sus deficiencias. El más importante de ellos, que se considera parte de HTML5, es el nuevo Modelo de caja flexible, introducido con CSS3.

El Modelo de caja tradicional es actualmente soportado por todos los navegadores en el mercado y en realidad es un estándar para el diseño web. Por el contrario, el Modelo de caja flexible, incorporada en CSS3, está todavía en desarrollo aunque sus ventajas sobre el Modelo de caja tradicional podría convertirlo en el nuevo estándar; de ahí su importancia como objeto de estudio. Ambos modelos pueden ser aplicados a una misma estructura HTML, pero la estructura tiene que estar preparada de forma correcta para ser modificada por el modelo seleccionado.