Ah, Andrés, tampoco he dejado todo en una sola línea, seguro tiene sus beneficios, pero como siempre estoy modificando algo, creo que me volvería loco aún si se tratase de mantener uno bien claro y después guardarlo, como otro fichero, en una sola linea.

Saludos… desde Río Grande, Tierra del Fuego, Argentina (habia que meter el chivo xD)

Luxiano…

- estructura y formato
- impresion
- reseto

Pero vamos que soy novato en el CSS, como opcion para meter 4 css el ultimo seria un archivo de hack para el intento de navegador llamado IE, aunque tambien si el proyecto es muy extenso, separaria estructura de formato, gracias por estos post, realmente son de mucha ayuda.

Saludos desde Puebla, Mexico.

No sé que opinais acerca de esto Saludos

El problema que nos podemos encontrar es que haya países en los no haya una conexión rápida y entonces si que sería mejor reducir al máximo el peso para evitar hacerles sufrir esa odiada larga espera.
@Laegnur: Pues a ver, vayamos por partes

1) Es mejor minimizar el espacio ocupado para el CSS. Osea que dejarlo todo en una línea por norma general es la mejor forma. Luego dependerá de la claridad que se le quiera dar al código para trabajar con él.

2) Los colores, pasa exactamente lo mismo. Personalmente usaría la nomenclatura corta, pero es por no escribir más de lo necesario.

3) Pues nunca he hecho pruebas al respecto, pero a simple vista debería ser más óptimo usar <link /> ya que simplemente enlaza el fichero CSS y posteriormente crea el contexto necesario para ejecutar el código que haya dentro.

En el otro caso, deberá crear el contexto para luego interpretar el @import y cargar el fichero, que posteriormente creará (o reaprovechará) el contexto CSS necesario para comprender el código.

¿Quizás deberíamos hacer unas pruebas?
@Luciano Nicolás: Obviamente la claridad es muy superior, además es más sencillo después modificar cualquier atributo ya que los tienes todos estos atributos desplegados y ordenados.

Yo generalmente uso una sola línea, pero soy consciente de que para equipos de desarrollo donde varios meten mano no es quizás la mejor opción.

Bueno, yo no lo había dicho, pero generalmente uso 3 ficheros

- style.css: Con todo lo que necesita la aplicación para verse perfectamente. Aquí intento definir la estructura primero y poco a poco voy concretando más dentro de cada sección. Como guión intento seguir el que he dejado en el HTML.
- print.css: Aquí defino la plantilla de impresión. Generalmente oculto cosas y meto separaciones más claras, al ir detrás de la primera CSS este fichero suele tener unas pocas líneas.
-IE.js: Usando condicionales CSS añado una CSS más para navegadores IE y allí añado los hacks necesarios para que no se descuajaringue todo

Sé que usar sentencias abreviadas reduce el peso del archivo resultante, y de esta forma se reduce el tiempo de descarga. Pero, será por maña o por costumbre, prefiero utilizar las sentencias completas, ya que la lectura me resulta mucho más simple y noto más ordenado el CSS.

De todas formas es obvio que en sitios con CSS demasiado extensos o con alto tráfico, cada byte cuenta, y probablemente lo mejor sería usar sentencias abreviadas.

¿Qué opinan sobre esto?

En cuanto a la cantidad de archivos css, personalmente uso 2, uno con toda la estructura, fuentes y colores, separado por secciones y ordenado por tags html, divs y clases (screen.css), y otro con los estilos para imprimir la pagina (print.css).

Te sigo desde hace algun tiempo, aunque creo que no habia comentado anteriormente.

Aprovecho que publicas este post, y te planteo unas dudas, con respecto a CSS que me se plantean.

Que es mejor, usar propiedades generales, o mas concretas?
Me explico, que es mejor, usar:

background: url(../img/background.png) 0 0 repeat-x #FFFFFF;

O usar:

background-image: url(../img/background.png);
background-position: 0 0;
background-repeat: repeat-x;
background-color: #FFFFFF;

?

Y relacionado con esto, en cuanto a los colores, es mejor usar #FFFFFF o #FFF ?

Y que es mejor, usar

@import "file1.css";

O usar:

link rel="stylesheet" href="style.css" type="text/css" media="screen"

?

Hicimos 5 test:

1- Un html con css de peso 360 Kb
2- Un html con un css externo siendo la suma 360kb
3- Un html con 3 css externos siendo también la suma 360kb

El más rápido en cargar fué el primero.

También hicimos la siguiente prueba para comparar la relacion tiempo/peso.

1- Un html de 200kb
2- Un html con 800 kb
3- Un html con 1,6 Mb

El resultado fue que el 2º no cargo 4 veces mas lento que el 1º ni que el 3º cargara 8 veces más lento que el 1º o 4 veces más lento que el 2º sino en algo menos. Con lo que conluimos que una vez establecido el canal y gracias a las lineas de hoy en dia (supongo que esto influira al igual que otros factores) el tiempo no es proporcional al peso.

Independientemente de esto también quiero decir que otro factor que puede influir en hacer uno o varios css es la cantidad de gente que tenga que tocarlos. Creo que no es lo mismo que sea sólo una persona que lo ha hecho y sabe donde esta todo a una persona que no lo ha visto nunca y tiene que enfrentarse a ello. En este caso el tenerlo lo más fácil posible facilita el trabajo y si el tiempo de desarrollo es muy importante pues un factor más a tener en cuenta para decidirse por una opción u otra.

reset
menu
formularios
estructura
tema

Todos ellos enlazados desde “general.css”

Acabo de empezar a probar este sistema que todavía tengo que probar y perfeccionar, y la verdad es que es bastante tedioso. Pero el fin es crear una especie de plantillas a las que luego sea fácil de cambiar unos pocos valores dentro de la estructura. Me inspiro en la forma de pensar a la hora de trabajar:

Creo la estructura, la dimansiono, y le aplico los colores yla imágenes. A los menus y fomularios les doy una importancia especial.