Orden de propiedades en CSS II
No hemos podido encontrar el articulo pero a todos nos suena, al final hemos llegado en los comentarios a un acuerdo y suponemos que la mejor forma de organizar las propiedades CSS es ir desde afuera para adentro.
Comportamiento
- display
- overflow
- clear
Posición
- position
- float
- top
Tamaño
- height
- width
Margenes y bordes
- margin
- border
- padding
Texto
- font
- text
- line-height
Fondos y colores
- background
- color
No pasa nada si no utilizas ningún orden pero es algo que se agradece cuando el volumen de código aumenta.
Ver post
Comentar
Zirten#1 hace 220 días
Muchas gracias, yo mas o menos lo tenia así Solo que ponía los margins y padding en primer lugar. :D Gracias a todos
DrSlump#2 hace 220 días
Me perdí la discusión anterior que ha resultado ser muy interesante. De vez en cuando me encuentro con algún 'manual de buenas maneras' para escribir código CSS, aunque la mayoría son bastante poco razonados y se limitan al uso de espacios en lugar de tabuladores y a como escribir los selectores.
El orden que indicas es que yo uso personalmente aunque en ocasiones me gusta poner en las primeras líneas aquellos atributos que 'sobre-escriben' una regla anterior. Sobre todo con UL anidados para menús y cosas parecidas.
Os hago una propuesta, confiando en el permiso de Daniel, visto el buen nivel de la discusión sobre este tema que os parecería crear una guía de buenas maneras para el CSS. Yo por mi parte podría aportar código para transformar una hoja de estilos cualquiera al modelo definido en esa guía.
Jordi Rivero#3 hace 220 días
Esta es una buena guía. Creo recordar que la recomendación de Zeldman era por orden alfabético.
Juan Manuel Lemus#4 hace 220 días
Pues, yo lo uso en formato en orden alfabético
IceBeat#5 hace 220 días
No hay de que! :)
@DrSlump seria genial, seguro que nos viene de perlas un manual de buenas maneras a lo español.
En los comentarios surgieron los artículos de smashingmagazine donde hablan de colocarlos alfabéticamente
Juan Maneul Lemus#6 hace 220 días
Si, creo recordar que la recomendación era en orden alfabetico y también agrupado por secciones.
Por cierto, felicidades por el blog, que ya te he agregado a mis sitios RSS!. Excelente trabajo
IceBeat#7 hace 220 días
@Juan Maneul Lemus gracias, se hace lo que se puede jeje :P
Aun tengo pendiente la anotación de job2time, que no se me ha olvidado solo que no he podido empezarla.
Juan Maneul Lemus#8 hace 220 días
OK, Daniel no hay problema. Me ha gustado mucho el blog y el tu tecnica de diseño. Te he agregado al MSN. Por ahi tambien podemos charlar sobre nuestros trabajos. Por que veo que aqui, es algo complicado. Cuando puedas te conectas. :)
Lex#9 hace 220 días
Está bueno el orden y es más o menos como lo vengo laburando. Aunque a veces depende de la regla: cuando las declaro para objetos de texto, ubico lo tipográfico al principio. Y obviamente en la hoja agrupo las declaraciones para estos elementos tipográficos.
noth#10 hace 220 días
me parece muy buena idea DrSlump, si perfilamos podemos llegar a algo bueno, lo diifil es ponerse de acuerdo, ami me gusta más ordenarlo como he dicho en los comentarios, que es básicamente como lo ha puesto Dani, según comentaba cree un post hablando de lo mismo, pero yo no tengo un dom para el diseño jeje, lo mio maquetar y programar
saludos
IceBeat#11 hace 219 días
@Juan Maneul Lemus Ando conectando poco :)
A mi me gusta agrupar en bloques más que en estilos, es decir, no me gusta tener fuentes por un lado y colores por otro, prefiero tener primero una estructura y luego rematar con todas las propiedades.
@noth jeje, es cierto que es difícil ponerse de acuerdo, pero este orden parece que gusta.
boton#12 hace 218 días
Me encanta el orden de propiedades, lo usare al pie de la letra en mi proximo curro, este articulo queda añadido a mi delicious :)
Welk#13 hace 214 días
Oyeee ya que tais casi todos, alguno de vosotros va al congreso web que hay en madrid???
http://www.congresodewebmasters.com/
IceBeat#14 hace 214 días
@boton me alegra :)-
@Welk yo no voy, pero al EVE07 si (o eso espero).
noth#15 hace 213 días
mmm parece interesante welk, voy a ver si tengo libre y si hay plazas para poder apuntarme, y si tengo casa que sino ya es mucho dinero :)
y iceBeat, cual es el EVE07, que no encuentro la web.
Este año me perdi el fundamentos web, que pa encima era en mi ciudad, y quería hacer otro similar
saludos
boton#16 hace 213 días
@Welk yo si que quiero ir al congreso de webmasters, pero aun no me he inscrito, espero convencer algún compi e inscribirnos los 2.
Welk#17 hace 213 días
Yo me he inscrito ya, y lo suyo sería kedar allí para ya que estamos juntarnos, que voy solico y me da miedooo jajaja
IceBeat#18 hace 213 días
@noth la url es http://eventoblog.com/