Comment commander des propriétés dans un bloc de déclaration?

Question

Je sais qu'il n'y a pas vraiment de bonne ou de mauvaise réponse. J'aimerais simplement savoir de la part des développeurs CSS comment vous aimez commander vos propriétés et quel est votre raisonnement derrière vos préférences. Merci beaucoup.

Answer 1

Personnellement j'essaie de propriétés du groupe plus ou moins comme ceci:

modèle de boîte
• (hauteur, largeur, rembourrage, marge ...)
• positionnement
• police liée (font-family, font-weight, etc.)
• couleurs et images fond

il n'y a aucun avantage réel pour faire les choses de cette façon, je trouve juste raisonnable logique et facile à suivre.

exemple rapide (avec des commentaires pour illustrer):

#selector{ 
    /* box */ 
    width: 300px; 
    margin: 15px 0 30px; 
    padding: 5px; 
    border: 1px solid #333; 

    /* position */ 
    float: left; 
    display: inline; 

    /* font */ 
    font-family: 'Lucida Grande', 'BitStream Vera Sans', Verdana, sans-serif; 
    font-weight: normal; 
    font-size: 14px; 

    /* colour */ 
    color: #000; 
    background: #ddd; 
} 

Il convient de noter que je garde habituellement les sélecteurs regroupés sur une seule ligne (ie tous les sélecteurs liés boîtes sur une ligne, et ainsi de suite)

Answer 2

Découvrez Andy Ford's post qui détaille son approche pour commander des propriétés CSS. Il finit avec a nice round-up of further reading around the internet sur le sujet.