Organización css

[kamino]

Hola buenas tardes a todos. Tengo unos cuantos css pero me gustaría ir optimizándolos y mejorándolos. ¿Me podríais decir como tiene que estar el css? Es decir el orden en el que iría las cosas background-colo, font-size, margin,etc. Gracias!

[jorgeabreo]

Hola,

Inicialmente el orden de las propiedades no afecta en nada, sin embargo se dice que poniéndolas alfabéticamente será mejor para cuando tengas que editar y demás, pues sera mas fácil ubicar las propiedades, yo en realidad no le doy importancia al orden, aunque firebug me ayuda con esa parte, ya que el ordena las propiedades cuando lo utilizo...

Mas que el orden debería preocuparte otros detalles del CSS, como reutilizar lo máximo que puedas los estilos, abreviar las propiedades,

ejemplo:

No hacer esto:

Código CSS:

margin-top: 10px;
margin-right: 8px;
margin-bottom: 15px;
margin-left: 5px;
 

Hacer esto:

Código CSS:

margin: 10px 8px 15px 5px;
 

No usar Hacks para ie (*,-, _), es mejor crear una hoja de estilo solo para ie.

y mas cosas, incluso acompañadas del html como una buena semántica, etc


Bueno espero te sirva de algo,


pd: el hecho que yo no le preste atención al orden, no quiere decir que no deba hacerse, solo que trato de preocuparme mas en otras cosas que en realidad si puedan afectarme la navegación, como la usabilidad, accesibilidad, etc...

De todos modos si alguien tiene razones de peso para el orden, que las exponga que si tiene razón seguramente empiece entonces a cuidarme de eso...


Saludos!