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)

[dr_bonzo]

Ja ukladam selektory hiearchicznie (wg. XHTMLa)

Kod

div.main
    div.title
        a.topMenu
    div.body
// itd.

Kazda wlasciwosc w osobnej linijce, pogrupowana z innymi opisujacymi: text, obramowania, itd.

Dodatkowo stosuje Wspaniale-Uwielbiane-Przez-Wszystkich-Czterospacjowe-Wciecia.

Kod css jak kadzy inny kod musi byc czytelny i latwy w utrzymywaniu wiec z tym sie nie zgodze:

Z drugiej jednak strony nie uważam swoich arkuszy za szczyt czytelności, być może ktoś osiągnął coś więcej w tej dziedzinie... (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Uważam tez jednak, że CSS jako dane pobierane przez klienta powinien być pisany możliwie zwięźle.

Jak chcesz zmiejszyc objetosc cssa to skonwertuj "czytelnego" cssa to minimum.

(np. ~10% 2-kilowego pliku).

(IMG:http://forum.php.pl/style_emoticons/default/smile.gif) jesli strona ma 50kB to te 250 bajtow to jest NIC, szczegolnie ze arkusz styli jest pobierany tylko raz na wizyte(wlaczenie przegladarki).