Orden de propiedades en CSS II

Agregar a favoritos

18 Comentarios

Posteado hace 335 días en:

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.


  • avatar

    Zirten#1 hace 335 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


  • avatar

    DrSlump#2 hace 334 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.


  • avatar

    Jordi Rivero#3 hace 334 días

    Esta es una buena guía. Creo recordar que la recomendación de Zeldman era por orden alfabético.


  • avatar

    Juan Manuel Lemus#4 hace 334 días

    Pues, yo lo uso en formato en orden alfabético


  • avatar

    IceBeat#5 hace 334 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


  • avatar

    Juan Maneul Lemus#6 hace 334 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


  • avatar

    IceBeat#7 hace 334 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.


  • avatar

    Juan Maneul Lemus#8 hace 334 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. :)


  • avatar

    Lex#9 hace 334 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.


  • avatar

    noth#10 hace 334 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


  • avatar

    IceBeat#11 hace 334 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.


  • avatar

    boton#12 hace 333 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 :)


  • avatar

    Welk#13 hace 329 días

    Oyeee ya que tais casi todos, alguno de vosotros va al congreso web que hay en madrid???

    http://www.congresodewebmasters.com/


  • avatar

    IceBeat#14 hace 329 días

    @boton me alegra :)-

    @Welk yo no voy, pero al EVE07 si (o eso espero).


  • avatar

    noth#15 hace 328 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


  • avatar

    boton#16 hace 328 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.


  • avatar

    Welk#17 hace 328 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


  • avatar

    IceBeat#18 hace 328 días

    @noth la url es http://eventoblog.com/