La verdad que no hay reglas o patrones (al menos no que yo sepa). Lo que si trata de optimizar tu css en función de tus necesidades, y evitar repetir código.
Por ejemplo si tenés definidas 3 reglas para 3 elementos DIV y en cada una de ellas terminan teniendo las mimas reglas podrias crear una clase nueva y delarar esas reglas una sola vez. Te pongo un ejemplo basico:
Archivo CSS 1:
#midiv1{
color:red;
font-size:13pt;
border:1px solid red;
background-color:#ffc
}
#midiv2{
color:red;
font-size:14pt;
border:1px solid red;
margin-top:2px;
}
#midiv3{
color:red;
font-size:13pt;
border:1px solid red;
}
Como ves en todas tenemos repetida la regla del color y el borde, entonces podemos mejorar nuestro CSS con algo así:
#midiv1{
font-size:13pt;
background-color:#ffc
}
#midiv2{
font-size:14pt;
margin-top:2px;
}
#midiv3{
font-size:13pt;
}
.rojito {
color:red;
border:1px solid red;
}
La idea es obtener un código mas compacto y facil de mantener.
Saludos
Mostrar Mensajes