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.

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

Insertar un Comentario