Boas práticas de CSS
Entenda como escrever código CSS de forma consciente.
Cores
Sempre que utilizar uma cor hexadecimal que tenha repetição de valores, use sempre o valor de atalho, assim:
/** Recomendado **/
p {color: #AAA;}
/** Não Recomendado **/
p {color: #AAAAAA;}
RGBA
Sempre que possível, utilize RGBA e mantenha o fallback para browsers antigos. Um exemplo:
p { color: rgba(0, 0, 0, 0.5); }
.no-rgba p { color: #000; }
Aspas
Utilizamos ASPAS DUPLAS no CSS.
input[type="checkout"] { ... }
div:after { content: " "; }
Comentários
Para uma seção:
/*** HEADER **** Header principal do site ***/
Nunca use comentários na mesma linha da propriedade:
p {color: #FFF;} /** Nunca use comentários assim **/
p {color: #FFF; /** Nunca use comentários assim **/ }
Assim é melhor:
/** Assim é melhor **/
p {
color: #FFF;
background: red;
margin: 0;
/** Assim também é bom **/
padding: 0;
}