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?

[ghostrider]

ja mam troche inna metode

trzymam deklaracje dla koloru, fontów, pozycjonowania w odzielnych plikach
np:
master_fonts.css
master_color.css
master_position.css
potem @importuje w
import_final.css

ta technika nie jest optymalna jesli chodzi o wielkosci plików, wiecej jest do d....
ale prawdza się przy "czytelnosci", wypracowałem ja już dawno temu i doceniłem kiedy w zwiazku ze śmiercią JP II przerabiałem 7 serwisów na czarno-szaro-białe, poszło szybciutko.
druga rzecz która robie to usuwanie "white-spaces" po stworzeniu pliku, czyli staram sie aby wszystko było w jednej lini, oczywiście mam "robocze" wersje plików które formatuje tak zeby było mi je wygodnie czytać.

Ten post edytował ghostrider 13.11.2005, 13:46:14