Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> czytelny kod css
y3ti
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 19.08.2004
Skąd: Pruszków

Ostrzeżenie: (0%)
-----


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)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
.johnny
post
Post #2





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 14.05.2005
Skąd: Pasikurowice (koło Wrocławia)

Ostrzeżenie: (0%)
-----


Cytat(dr_bonzo @ 2005-11-13 11:58:06)
(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).
Hmm, może i tak.
Z drugiej strony, o ile się nie mylę, CSS pobierany jest przed wyświetleniem czegokolwiek (bo jest w <head />), dlatego jego wielkość jest bardziej odczuwalna dla odwiedzającego.

Cytat(dr_bonzo @ 2005-11-13 11:58:06)
Jak chcesz zmiejszyc objetosc cssa to skonwertuj "czytelnego" cssa to minimum.
Tego robić nie zamierzam - swoje rozwiązanie uważam za kompromis między czytelnością a wielkością pliku.

Natomiast pomysł z wcięciami wg hierarchii jest ciekawy - przetestuję.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 9.10.2025 - 13:48