Me he encontrado con este artículo con unas 50 buenas prácticas en CSS:

A evitar

1. CSS in-line.
2. Tamaños de fuente absolutos.
3. Marcar con comillas simples las rutas de las imágenes.
4. CSS hacks.
5. Redeclarar valores heredados.
6. Aplicar paddings/borders y un ancho fijo a un elemento.
7. !important y position: absolute.
8. Nombrar clases/IDs según su apariencia.

Buen estilo

9. Declaraciones CSS una por línea.
10. Comentar el código.
11. Organizar el fichero CSS.
12. Indentar tanto como sea necesario.
13. Hacer el código fácil de leer.
14. Usar un sistema común de nombrado.
15. Declaraciones cortas alfabéticamente.
16. Un “;” no es necesario en la última declaración.
17. Si declaras una unidad de 0 px/em/%/… puedes omitir la unidad.
18. Mantener contenedores, propiedades, selectores y CSS Hacks al mínimo.
19. Selectores de grupo te permiten seleccionar varios elementos de una vez.
20. Acortar la notación de colores en hexadecimal.
21. Definir las pseudoclases para enlaces en el orden LoVe/HAte.
22. Definir los márgenes, paddings y bordes de los elementos en el orden TRouBLed.
23. Puedes utilizar selectores hijos.
24. Hacer uso de diferentes tipos de medios.
25. Nombrar a las clases/IDs según su función, no su apariencia.
26. Aprender a explotar la cascada natural de CSS. CSS tiene sofisticadas reglas para la herencia de reglas.
27. Puedes usar selectores de atributos. Los selectores de atributos hacen juego con elementos basados en la presencia o valor de atributos.
28. Cambiar la capitalización con CSS.
29. Ordenar todos los elementos pertenecientes a la cabecera, contenido principal, pie de página… juntos para tener una mejor visión general.
30. Echa un vistazo a las guías de estilo de las grandes compañías.
31. Busca inspiración en los gurús del diseño.
32. Echa un vistazo a BluePrint, un framework de CSS, un montón de grandes ideas se encuentran integradas y documentadas.

Facilita tu vida

33. Usa un CSS cheat sheet.
34. Construye y prueba tus CSS en los navegadores más avanzados disponibles antes de probarlos en otros, no despues.
35. Cuando dudes, valida.
36. Prueba incrustado (embebido), lanza importado.
37. Mantén una librería de class CSS de ayuda.
38. Prueba un compresor CSS online, algunos de los métodos que emplean estos encogedores de CSS para reducir el tamaño de tu fichero CSS pueden ser empleados de una forma menos extrema para hacer tus CSS más aerodinámicos.
39. Utiliza la web devoloper toolbar de Firefox.
40. Usa un framework CSS como Blueprint.

¿Sabias que…?

41. Puedes asignar varias clases a un elemento dado.
42. Poner valores constantes a través de un documento CSS:
    • La opción más simple es sólo incluir el valor del color en cada regla que quieras y usar Buscar y Reemplazar cuando quieras cambiarlos. Esto es trivial cuando utilizas un buen editor de texto.
    • Desde que un elemento puede tener más de una clase, puedes hacer clases para cada constante o variable que quieras crear y luego asignar esas clases a los elementos (X)HTML que quieras que les afecte. Desde que un elemento puede tener más de una clase, esto no debería interferir con cualquier uso existente de atributos de la clase. Luego, si quieres cambiar el color, todo lo que necesitas es modificar la clase.
    • Usar un lenguaje del lado del servidor para rellenar el CSS.
    • Hay algunos ejemplos de lenguajes server-side de preprocesado de CSS ahora. Aparentan ser los más desarrollados.
43. Puedes añadir estilos CSS a los RSS feeds.
44. Puedes prevenir spam con CSS.
45. Puedes ofrecer diseños “customizables” dinámicamente creando ficheros CSS con PHP.
46. Hay ideas para diseño de patrones en CSS.