Nomeie classes semanticamente.
É prática comum adotar-se nomes para classes tais como, textoazul, ou bordavermelha. Uma maneira bem melhor de se nomear classes, é escolher nomes que lembrem a função do elemento HTML ao qual a classe é atribuida.
Bons nomes não mudam
Raciocine e considere o porquê determinada coisa deve ter tal aparência e não com que ela deve se parecer. Aparências podem mudar no futuro, mas as razões para se ter atribuido a aparência continuarão as mesmas.
Bons nomes
alerta, importante, imagensdownload e submenu são todos bons nomes. Eles descrevem o que os elementos representam, e parece que não mudarão no futuro. Um alerta será sempre um alerta, independentemente da aparência da página.
Maus nomes
borda4px, textoclaro e fundolegal são exemplos de maus nomes. Você poderá no futuro resolver aumentar a borda para 5px, ou o seu fundo legal poderá tornar-se horrível. Uma das vantagens das CSS é que você não precisa realizar grandes mudanças para alterar o visual do seu website. Se você tiver que mudar todos os textos claros para escuro e consequentemente ter que trocar todas as classes nomeadas textoclaro para textoescuro, no HTML de todas as páginas, é bastante provável que você cometa omissões.
Leitura complemantar
* Uma online presentation sobre separação de semântica e marcação visual.
* A homepage do Web Style Sheets.
* Using style sheets um guia de estilos.
--
MarioTeza - 04 Jan 2005
Topic revision: r1 - 04 Jan 2005 - 14:33:56 -
MarioTeza