Organizar CSS

[mariscos_recio]

Hola, estoy desarrollando una web con 8 paginas diferentes. Algunas aprovechan cosas como los botones, links, fondo de pantalla, posicion del contenedor... pero hay elementos que se posicionan en distintas partes y que tienen un diseño diferente. La cosa es que ya llevo bastantes lineas y creo que es horroroso trabajar asi una vez que se tienen tantos elementos.
¿Como organizan ustedes para que no se les haga un dolor de cabeza el diseño de paginas?. ¿Cuales son los patrones mas recomendados?

Gracias.

[PHPeros]

mmm... puedes crear un estilo principal para todo tu sitio, y puntualmente puedes añadir el atributo style a los que quieras dar un toque diferente. O poner un main.css y luego un includes.css ... algo así.

[Rafael]

Ojo. Las hojas de estilo originalmente deberían ser para definir... estilo.

Desafortunadamente mucha gente usa y abusa cosas como posición absoluta, usa y abusa los ID para mover las cosas fuera de su flujo; ese tan desafortunado (y absurdo) concepto de CAPA.

La hoja de estilo se vuelve un mapa del tesoro para seguir... "cuarenta pasos a la derecha, cincuenta después del árboy junto a la piedra grande..." Una locura.

Y también el abuso (el uso está bien, solo no hay que pasarse) de los class.

Por ejemplo si ya tenemos nuestro menú en un div llamado div class="menuPrincipal"; poner dentro a class="botonMenuPrincipal" no tiene sentido.

[pzin]

Lo ideal suele ser tener un archivo general, que engloba los estilos comunes, como los elementos de navegación, cabecera, pie, etc. Y luego por cada sección del sitio web, otro archivo diferente con esos estilos.

Yo personalmente uso Sass, y puedo tener unos 40 archivos CSS (botones, menú, colores, formularios, reset, grillas, etc) que luego se compilan en 2 ó 3, que son los que luego se llaman desde el documento HTML. Es la mejor forma de organizarlo todo, ya que usualmente tienes archivos pequeños (>500 lineas) para editar.