1.Redefinir
Na verdade, sempre use um reset, seja o Eric Meyer Reset, o YUI Reset ou seu próprio reset personalizado, certifique-se de usá-lo.
Isso pode ser tão simples quanto remover os atributos de margem e preenchimento de todos os elementos:
html, corpo, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pré, formulário, conjunto de campos, tabela, th, td {margem: 0;
O estilo Resets de Eric Meyer e YUI é ótimo, mas para mim eles vão longe demais. Quero que você limpe tudo antes de redefinir muitas propriedades do elemento. Isto é o que Eric Meyer recomenda. Se houver uma maneira mais eficiente de usá-lo, você não deveria simplesmente pegar o arquivo de estilo dele e soltá-lo diretamente em seu próprio projeto - refine-o, reconstrua-o, torne-o seu.
Ah, por favor, não faça isso de novo:
* {margem: 0;
É usado em muitos lugares. Se você remover o preenchimento de um botão de opção, o que você acha que acontecerá? Os elementos do formulário às vezes têm uma aparência descolada, então é melhor deixá-los como estão.
2. Classifique em ordem alfabética
um pequeno teste
Dos dois exemplos abaixo, qual você acha que pode encontrar a localização do atributo margin-right mais rapidamente?
Exemplo 1
div#cabeçalho h1 {
índice z: 101;
cor: #000;
posição: relativa;
altura da linha: 24px;
margem direita: 48px;
borda inferior: 1px sólido #dedede;
tamanho da fonte: 18px;
}
Exemplo 2
div#cabeçalho h1 {
borda inferior: 1px sólido #dedede;
cor: #000;
tamanho da fonte: 18px;
altura da linha: 24px;
margem direita: 48px;
posição: relativa;
índice z: 101;
}
Não me diga que o Exemplo 2 não é tão rápido quanto o Exemplo 1! Ao classificar as propriedades desses estilos em ordem alfabética, a coerência criada o ajudará a reduzir o tempo gasto procurando uma propriedade específica.
Sei que algumas pessoas organizam a ordem dessa forma e outras usam outra forma de organizar a ordem dos estilos. Mas na minha empresa, decidimos por unanimidade classificar as coisas em ordem alfabética. Essa abordagem certamente funcionará para você quando estiver desenvolvendo código com outras pessoas. Eu odeio toda vez que vejo uma folha de estilo não ordenada em ordem alfabética, porque parece confusa e desorganizada...