MANUALES

TUTORIAL CSS:

Continuación con la Lección #9:

El modelo de caja:

Describe las cajas que se generan a partir de los elementos HTML, CSS permite el ajuste de márgenes, bordes, relleno (padding) y contenido de cada elemento.

Cada elemento HTML está rodeado por cajas, cajas que se pueden ajustar usando CSS.

EJEMPLO DEL FUNCIONAMIENTO DE CAJAS:

El código HTML de nuestro ejemplo es el siguiente (extraído de la Declaración Universal de los Derechos Humanos):

 
 <h1>Artículo 1:</h1> 

 <p>Todos los hombres nacen libres 
 e iguales en diginidad y derechos. Están 
 dotados de razonamiento y consciencia y 
 deberían de comportarse entre sí con 
 espíritu de hermandad.</p>

Si añadimos algo de color e información sobre la fuente, el ejemplo se podría presentar así:

El ejemplo contiene dos elementos: el elemento <h1> y el elemento <p>. El modelo de caja para los dos elementos se puede ilustrar como sigue:

TOMADO DE: http://es.html.net/tutorials/css/lesson9.php