Se você não leu a primeira parte, você pode encontrá-la aqui ( https://coderwall.com/p/nx-uxw )
.class {
property: value;
}Legibilidade
Quando você quiser, por exemplo, para definir um fundo, é muito mais legível para usar imóveis como backgroung-image , cor de fundo ou background-size em vez de apenas fundo . As propriedades definidas em várias linhas são muito mais fáceis de ler.
Atirador na terceira pessoa
Tente ler seu código como uma pessoa diferente lendo-o pela primeira vez, se for compreensível, está tudo bem. Caso contrário, altere seu código. Lembre-se de sempre escrever seu código como foi escrito para outra pessoa.
Blocos e comentários
Classifique as classes em blocos, se algumas classes específicas forem usadas para estilizar o rodapé, coloque-as em um bloco e faça duas linhas de espaço antes e depois. Por exemplo:
(...)
/* End Header classes */
/* Article classes */
#footer a{
property: value;
}
#footer p{
property: value;
}
/* End Article classes */
/* Footer classes */
(...)Lógica
É estúpido colocar o valor da largura no início de uma aula e a altura no final. Mantenha valores semelhantes ou que trabalhem juntos o mais próximo possível.
A segunda parte é a última :). Por favor, deixe comentários ou envie-me um email se eu tiver cometido alguns erros.