czytelny kod css Opcje

[y3ti]

Witajcie,

Od dawna juz dreczy mnie takie pytanie: jaki jest dobry "styl" kodowania css.
Chodzi mi teraz o czytelne pisanie kodu css. Jak go formatowac? Jak powinno
sie robic wciecia? Czy jakos sortowac selektory i wlasciwosci?

Jak zauwazylem ogladajac rozne strony, kazdy koduje jak mu sie podoba.
Jedni pisza

Kod

#menu { font-size: 12px; padding: 5px; background-color: #E0E0E0; border: 1px #C0C0C0 solid; margin: 0; float: left; width: 500px; list-style: none }

Inni robia wciecie i ukladaja wlasciwosci alfabetycznie:

Kod

#menu {
   background-color: #E0E0E0;
   border: 1px #C0C0C0 solid;
   float: left;
   font-size: 12px;
   list-style: none;
   margin: 0;
   padding: 5px;
   width: 200px;  
}

Jeszcze inni aby kod byl czytelny, dokladaja (zbedna) nazwe elementu xHTML ul

Kod

ul#menu {
   background-color: #E0E0E0;
   border: 1px #C0C0C0 solid;
   float: left;
   font-size: 12px;
   list-style: none;
   margin: 0;
   padding: 5px;
   width: 200px;  
}

Jeszcze inni dziela wlasciwosci na "rodzaje" (wyglad, pozycjonowanie itp.)

Kod

ul#menu {
   background-color: #E0E0E0;
   border: 1px #C0C0C0 solid;
   font-size: 12px;
   list-style: none;

   float: left;
   margin: 0;
   padding: 5px;
   width: 200px;  
}

Niektorzy uzywaja komentarzy, inni nie. Sa tez tacy co sortuja alafabetycznie tez selektory tj.:

Kod

a {
....
}

body {
....
}

p {
....
}

div#container {
....
}

div#footer {
....
}

div#left {
....
}


.error {
....
}

.books {
....
}

Pytanie moze troszke abstakcyjne, jednak dla mnie nie. W php tez jest "ladny styl" pisania. To samo jest w SQL,
w C/C++ ....

Czy jakis dokument opisujacy dobry styl kodowania CSS?