Estos contenedores se convertirán en los elementos principale del <div> que soportarán tu contenido, así que dales nombres que tengan un significado semántico en vez de nombres que describan su apariencia. Para este ejemplo los contenedores principales se llamarán:

• container
• header
• mainnav
• menu
• contents
• footer

Si los contenedores son únicos para una página, utiliza IDs en vez de clases. Esto puede ser importarnte cuando tienes que asignar estilos a otros elementos de la página. Si ocurre un conflicto, las reglas que utilizan los IDs tendrán prioridad a las que usan las clases.

• Prototipo de ejemplo con contenedores con nombre

Para saber más:

• Manual CSS – ¡Terminaste!
• Manual CSS – Paso 9 > Sacando el CSS
• Manual CSS – Paso 8 > Aplicando estilo en los contenedores
• Manual CSS – Paso 7 > Colocando el contenido
• Manual CSS – Paso 6 > Cajas coloreadas