Crea un sitio flash gratis

Posición de los atributos 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 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.

Escrito por Toni

Comparte este artículo:

Estas son las categorías a las que pertenece el artículo Posición de los atributos CSS:

CSS


favoritoInsertar un Comentario


Nombre:

Email:

Comentario:

Escribe la siguiente palabra: No lo entiendes? Cambia el texto!

favoritoComentarios

No hay comentarios en este artículo.