Boas práticas de qualidade sempre...

O nome cai muito bem obrigada, engenharia de software e suas boas práticas.
Sei que não deveria falar de trabalho mas cai na tentação de deixar aos meus novos seguidores que são da área a dica para organizar muito bem seu css.


Então a gente cresce evolui e mostra, lembro dos meus css confusos, perdidos e era algo que só eu muitas vezes sabia dar manutenção, e como sabemos que nessa vida tudo é passageiro,  mudei o modo de organizar meus css e sei que muitas vezes a gente se ver perdido em relação a isso então vou deixar algumas pequenas dicas aqui..

1. Documente seu css (é muito importante para você, afinal nem todos tem memória de elefante) e para os próximos que irão fazer manutenção no site;


2. Utilize declarações abreviadas das propriedades 


.box {
    margin-top: 2px;
    margin-right: 3px;
    margin-bottom: 5px;
    margin-left: 9px;
    font-weight:bold;
    font-size:12px;
    line-height:14px;
    font-family:Arial, Verdana, sans-serif;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    background-color:#FFF;
    background-image:url(imagens/background.gif);
    background-repeat:no-repeat;
    background-position:0 15px;
}


essas 17 linhas podem ser resumidas a 6
.box {
    margin: 2px 3px 5px 9px;
    font: bold 12px/14px Arial, Verdana, sans-serif;
    border: 1px solid #000;
    background: #FFF url(images/background.gif) 0 15px no-repeat; }


3. Faça divisão lógica do css
 a. Global
 b. Cabeçalho
 c. Estruturas
 d. Rodapé
 e. Titulos ... 
 etc


4. Use identação em todo código
 .NomeCss{
propriedades: blablabla; }


5. Comente tudo que puder(Documentar é preciso)


Fica a dica....bjs ;)