zampon - red de blogs ZampaRuedas     Coches Nuevos     LigaFutbol     Eventos Valencia     ZampaOcio     Ciudades Famosas

Posición de los atributos CSS

Mie, Oct 10, 2007

CSS

En el blog ANIETO2K comenta un post de Icebeat, indica como poner las cosas en orden y para ello empieza con los CSS. Nos muestra el orden "correcto" en los que hay que definir los atributos. Se trata de saber el orden adecuado para escribir CSS, no el orden de la hoja de estilos, sino saber el orden de los atributos, por ejemplo si primero ha de ir los margins y padddings, luego las fuentes, los colores, etc.

css cheat sheet thumb2 Posición de los atributos CSS 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.

Parece ser, según comenta Andrés Nieto, que Firebug (extensión para Firefox), lo hace automáticamente.

Por cierto, puede ir muy bien el CSS Cheat Sheet (que aparece arriba), que sirve de hoja del recordatorio y de la referencia del CSS, que enumera todos los selectores (CSS 2.1) y características. Incluye un ejemplo visual del modelo de la caja, referencia de las unidades del CSS y los varios tipos de medios CSS a tener en cuenta. Una descripción de cuál está en la hoja del tramposo sigue, o si eres impaciente, tú puede ir derecho a la hoja del mismo tamaño del tramposo del CSS. Puedes efectuara su descarga en formato PNG, 97KB y en PDF, 379KB.



Autor de esta entrada

Toni - ha publicado 3919 entradas en Cosas sencillas.

Contactar con el autor

0 Comentarios para esta entrada

1 Trackbacks para esta entrada

  1. Hoja de recordatorio de las propiedades CSS dice:

    [...] Hace unos meses hice refencia en el artículo Posición de los atributos CSS, a el CSS Cheat Sheet, similar al anterior (que cada uno seleccione el que más le gusta), que sirve de hoja del recordatorio y de la referencia del CSS, que enumera todos los selectores (CSS 2.1) y características. Incluye un ejemplo visual del modelo de la caja, referencia de las unidades del CSS y los varios tipos de medios CSS a tener en cuenta. Puedes efectuara su descarga en formato PNG, 97KB y en PDF, 379KB. [...]

Dejar un comentario