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; }