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?(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[revyag]

Robię podobnie jak dr_bonzo. Trzymam wszystko w jednym pliku, jedyny podział jaki mam, to tylko wtedy gdy któraś podstrona musi mieć wersję do druku.
Poza tym przy tworzeniu styli, według mnie ogromnym ułatwieniem jest programik TopStyle
Pokazuje całą hierarchię styli i dzięki temu łatwo jest nawigować po pliku. No i ma kolorowanie kodu(eclipsowate), uzupełnianie składni, automatyczne robienie wcięć (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)

Ten post edytował revyag 15.11.2005, 10:27:39