CSS y HTML

CSS significa Cascading Style Sheets (hojas de estilo en cascada). Es el lenguaje estándar utilizado para definir y controlar el aspecto y presentación de los sitios web.

La relación entre HTML y CSS es complementaria. Mientras que HTML se encarga de la definición del contenido, CSS proporciona la definición del aspecto del mismo.

El desarrollo de CSS, permite al mismo tiempo el desarrollo semántico de HTML. Es decir que HTML se concentra únicamente en definir clara y eficientemente el contenido dejando al CSS el desarrollo de su apariencia. Esta separación entre el contenido y la apariencia permite que la actualización y mantenimiento de los sitios web sea más eficiente.

Contenido HTML

Con HTML se definen los contenidos que se presentan en las páginas web. Los navegares interpretan este contenido por si solo mediante las etiquetas que usemos. Cada elemento es procesado como un contenedor o caja.


Elemento en block (bloque)

Por defecto estos elementos son colocados por los navegadores en bloque. Es decir que cada división o elemento HTML se colocan en orden sucesivo uno debajo del otro.

Como vemos, estos elementos se muestran en bloque, cada elemento es tan ancho como la pantalla y tan alto como su contenido.

CSS y el Box Model (Modelo de Caja)

El propósito de CSS es establecer, a través de un número de propiedades, un orden y visualización diferentes para los elementos en block que los navegadores proveen por defecto.

Esta tecnología se combina con la de HTML para generar las reglas que determinan los componentes del modelo de diseño web estándar denominado “Modelo de caja tradicional”.

Y… ¿qué es el modelo de caja tradicional?