miércoles, 30 de junio de 2010

1.4.2 Fondo

Para hablar del fondo de los documentos HTML en el diseño web tenemos que tener en cuenta conceptos vistos antes como que el diseño siempre debe estar al servicio del contenido... legibilidad, usabilidad, accesibilidad...

La tabla de Karl Borggrafe

La tabla de Karl Borggrafe viene a informar sobre la legibilidad de las letras sobre fondos de distintos colores. Las mejores combinaciones son:

La tabla de Karl Borggrafe
1. negro sobre amarillo 6. blanco sobre azul
2. amarillo sobre negro 7. azul sobre amarillo
3. verde sobre blanco 8. azul sobre blanco
4. rojo sobre blanco 9. blanco sobre negro
5. negro sobre blanco 10. verde sobre amarillo

... ya vimos como crear reglas una entrada anterior sobre las hojas de estilo para colores del texto, tamaño... y también se puede hacer con el fondo de los párrafos.

Para introducir un color de fondo en toda la página o docuento HTML se debe hacer una regla en la hoja de estilo CSS:

body {
background: #00ff00;
}

... donde 00ff00 en el color verde en hexadecimal

En el siguiente punto 1.4.3 Imágenes veremos también como introducir imágenes en el fondo de un documento HTML desde la hoja de estilo CSS.

No hay comentarios:

Publicar un comentario