[Ovillo] ¿Cómo organizar un css?

[roger]

Suelo dividirlo en tres bloques. El primero para las optimizaciones y 
estilo generales. El segundo para el Layout
,y el ultimo para los estilo de cada bloque. Me queda algo así:


/* Optimizaciones y general */
*  { margin: 0; padding: 0  }
h1,h2,h3,p {
ul..
li..

body { font: .. }
a { text-decoration: none }
..
/* Nota: para evitar sorpresas de margenes y rellenos distintos por 
navegador, lo primero que hago
es quitarlos todo. Aunque eso me obliga a definir cada heading, p, etc, 
merece la pena ya que
te evitas engorrosos errores.*/


/* Layout. Uso el indentado para marcar la estructura. Procuro definir
solo el CSS que tiene que ver con el posicionado.  Lo vi por allí, y me 
pareció útil*/

#pagina {
    // contenedor principal
    }

    #marca { //  = cabecera }
          #buscador {..}
          #menu   {..}

    #contenido
         #contenidoMenu  {..}
         #contenidoPrincipal  {..}

    #adicional { // = pie }
         #tecnologiasUsadas {..}
         #avisosLegales {..}


/* El resto sigo con estilo id + elemento. El orden lo marca el layout 
anterior.
#buscador a
#buscadir input