Se especificar cor, especifique para tudo

Se definir cor, defina para tudo

Uma surpreendente quantidade de Web sites especifica cor para os textos no corpo do documento, cor para cabeçalhos, cor para todos os tipos de links, mas não especifica qualquer cor para o fundo (background). Se o visitante do site tiver configurado uma cor de fundo da sua preferência no seu browser, poderá ocorrer:

A regra para evitar estes problemas é: Se especificar uma cor, especifique todas.

Práticas recomendadas

Esqueça <font>, use CSS

A maneira moderna e apropriada para definir cores em uma página Web é através de folhas de estilo em cascata. Esta maneira é fortemente recomendada em lugar do uso de atributos na tag <body> e do elemento <font> no HTML, isto porque o uso de CSS propicia mais flexibilidade, facilita a manutenção e economiza largura de banda. Use as propriedades CSS <color> e <background-color> ou sua forma abreviada <background>.

Exemplo

A cor do fundo, bem como a cor dos elementos sobre ele, e, as cores dos links, estão especificadas em cores escuras sobre fundo branco, no exemplo abaixo:

html, body {
   background: #fff;
   color: #000;
}

a:link {
   background: #fff;
   color: #037;
}

a:visited {
   background: #fff;
   color: #636;
}

Leitura complementar

Algumas opiniões contidas nestes documentos diferem da nossa.


[ XHTML 1 ]
Created Date: 2003-07-30 by Olivier Thereaux and Susan Lesch
Last modified $Date: 2004/06/09 13:03:58 $ by $Author: dom $

Copyright © 2000-2003 W3C® (MIT, ERCIM, Keio), Todos os direitos reservados. São aplicáveis as disposições do W3C relativas a responsabilidades, marcas, uso de documentos e licenças de software. Sua interação com este site faz-se de acordo com nossa política pública e para Membros.