Hola,
Por si te refieres al uso mínimo de ids, lo que yo he estado haciendo
últimamente es definir tantas clases genéricas como sea necesario y usarlas
en las combinaciones requeridas.
Por ejemplo:
.contenedor{ margin; padding; float; override} /* definicion del contenedor
principal */
.fila{ margin; padding; float; override} /* definicion de una fila */
.col1{ } /* definicion de una columna de ancho x */ .col2{ } /* definicion
de una columna de ancho y */ .col3{ } /* definicion de una columna de
ancho z */
.form1{ } /* caracteristicas de un contenedor de campos de formulario */
.form2{ } /* caracteristicas de otro contenedor de campos de formulario */
.botonera{ color; background; padding; height; } /* caracteristicas de un
contenedor de botones */
.right{ float:right;}
.left{ float:left;}
h1{}
.header{ height; padding; background; border;}
.cuerpo{ padding; background; border; margin-top; margin-bottom; } .pie{
padding; background; border; margin-top;}
.tabs{}
.tabs ul{}
.tabs li{}
.tabs li a{}
<div class="contenedor">
<div class="fila header">
<div class="col1 left"><h1>Titulo</h1></div> <div
class="col2 right"><span>Nombre Usuario</span></div>
</div> <div class="fila tabs"> <!-- menu horizontal en tabs -->
<ul>
<li><a href="#">item 1</a></li> <li><a
href="#">item 2</a></li> <li><a href="#">item 3</a></li>
<li><a href="#">item 4</a></li>
</ul>
</div>
<div class="fila cuerpo"> <!-- cuerpo principal -->
<div id="menu" class="col1"> <!-- menu vertical a la izquierda -->
<ul>
<li><a href="#">item 1</a></li> <li><a
href="#">item 2</a></li> <li><a href="#">item
3</a></li>
<li><a href="#">item 4</a></li>
</ul>
</div> <div class="col3"> <!-- contenidos -->
<p>textos textos textos textos textos textos textos textos
textos textos textos textos textos textos </p>
</div>
</div>
<div class="fila pie"> copyright </div>
</div>
Saludos.
--------------------------
El 21 de abril de 2009 7:42, Martín Moreno <martin.mor...@gmail.com>escribió:
> Hola, Javier
>
> en la misma lista de Ovillo se han debatido diversas formas de organizar
> las
> CSS (no sé si es a eso a lo que te referías con "mapa" de clases):
>
> http://www.mail-archive.com/ovillo@lists.ovillo.org/msg24637.html
> http://ovillo.org/pipermail/ovillo/2007-October/013082.html
>
>
>
> Un saludo
>
> Martín
> http://www.martinalia.com
>
> 2009/4/17 Javier Guerrero <demix...@gmail.com>
>
> > Hola, listeros.
> >
> > Sucede que he notado algo que me parece muy contraproducente para el
> > mantenimiento de mi CSS, utilizo muchos estilos específicos, es decir,
> uso
> > mucho selectores tipo id, y digo que puede ser contraproducente porque
> veo
> > que no aprovecho el tema de la cascada y herencia que da CSS.
> >
> > Ahora, se me ocurrió hacer una especie de "mapa" de clases que definan
> los
> > estilos generales de un sitio web, sin embargo, no tengo idea de como
> > empezar, ¿alguien hizo algo parecido?
> >
> > Espero sus contribuciones.
> >
> > Gracias por adelantado.
> >
> > Saludos.
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
Phaseolus.
J2EE Dev.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
