Hacer diseños completamente en CSS, puede ser un paraiso o un infierno. Un paraiso, porque ver como se puede maquetar un sitio web completo sin utilizar una sola tabla, como se adaptan los diseños al tamaño, como cada elemento toma su lugar en el flujo de la página, es maravilloso. Un infierno, porque luchar contra los selectores, combatir contra las incompatibilidades, pensar como optimizar el código para que todo no sea una sopa de DIVs, tiene poco de divertido.

Si bien existen muchos programas para editar CSS, muchos de los cuales te recuerdan los nombres de todas las propiedades e incluso las sugieren en base al tag que estamos editando, esto no es suficiente. Entonces, algunas veces es necesario contar con algún tipo de guía visual, como un ayuda-memoria para recordar temas básicos de posicionamiento, etc. Aquí les dejo una guía visual (PNG, 43,7 Kb) con una simple pero efectiva guía para recordar esos "detalles" del CSS que nos pueden volver locos más de una vez.