Normalmente cuando vemos códigos css de algunas páginas, cada diseñador o maquetador lo hace de una manera diferente, pero deberiamos seguir una reglas básicas a la hora de escribir nuestro código css, aquí os dejo algunos consejos para que vuestro código sea más correcto.

1.-Se recomienda mantener siempre las declaraciones CSS en una sola línea, para mantener tu archivo CSS limpio y más pequeño.

Correcto

h2 {font-size:18px; color:#333333; background:#cccccc; }

Incorrecto

h2 
{
 font-size:18px;
 color: #333333;
 background: #cccccc; 
}

2.-Combinar elementos

Una de la mejor manera de ahorrar líneas de código es mediante la agrupación de selectores.

Correcto

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif; color:#333;
 }

Incorrecto

h1 {
font-family: Arial, Helvetica, sans-serif; color:#333; 
}
h2 {
font-family: Arial, Helvetica, sans-serif; color:#333;
 }
h3 {
font-family: Arial, Helvetica, sans-serif; color:#333;
 }

3.-Usar “Margin” para centrar el layout

#Container { margin:0 auto; /* top, bottom - and left, right*/ width:xxxpx;  }

4.-Comentar tu CSS
Es muy importante comentar tu CSS, posiblemente al cabo de un año o meses, un cliente te puede pedir modificaciones en la página web, sino lo tenemos comentado, nos será bastante dificil encotrar las clases que estabamos usando.

/******** CODE START HERE ********/

5.-Prueba a usar herramientas de optimización de código css

Css Tidy
Clean Css
Css Optimiser
Flumpcakes Css optimizer
cssdrive Css Comperasor
W3C Css Validator