Cada uno al aprender tiene sus errores, que va corrigiendo a lo largo del tiempo. Estos errores nos ayudan a fijarnos mejor y así es como se aprende y se evoluciona.

A continuación se detallan los peores errores de David Walsh mientras aprende CSS:

1. * { font-size:11px; }

No es recomendable poner ascerisco al lado de la línea de código CSS. Se debe evitar siempre que se pueda. ¿Para qué son esos asceriscos?

2. * { color:#000; }

Lo mismo que con la fuente, no es recomendable poner ascerisco al lado de la línea.

3. Declaraciones CSS largas

.mi-div { margin-right:20px; margin-left:20px; margin-top:3px; }

En vez de poner las declaraciones como he dicho arriba, podríamos hacer así:

.mi-div { margin: 3px 20px 0px 20px; }

4. Colores CSS largos

.my-div { color:#000; background:#fff; border-bottom:#f00; }

En vez de poner el código de los colores largo, podríamos ponerlo como muestra en el ejemplo, es decir, en vez de #FFFFFF, poner #FFF, el resultado será el mismo.

5. Declaraciones CSS multilínea

Según David Walsh, prefiere tener las declaraciones en una sola línea, en vez de tenerlas en varias líneas, es decir, en vez de esto:

/* demasiado larga */
p
{
    font-size:12px;
  line-height:19px;
  color:#999;
   margin:0 0 5px 0;
    padding:0 0 15px 0;
text-indent:20px;
   font-family:arial, verdana, sans-serif;
}
/* mucho mejor */
p { font-size:12px; line-height:19px; color:#999;  margin:0 0 5px 0; padding:0 0 15px 0; text-indent:20px;  font-family:arial, verdana, sans-serif; }

Gracias a David por dejarnos destapar tus errores mientras aprendes CSS.