Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[css] Kolejność atrybutów
#1
Witam. Ponoć nie ma głupich pytań, są tylko głupie odpowiedzi. Oto moje pytanie: jest jakaś kolejność atrybutów przy CSS? W miarę rozrostu kodu chciałbym jakąś zastosować. Zajrzałem do wujka Google "CSS kolejność atrybutów / CSS attribute order" i niestety nie był mi w stanie pomóc (albo go źle słuchałem?). Prosiłbym o jakąś listę z kolejnością atrybutów. Znalazłem atrybuty posegregowane na grupy: http://kursy.skryptoteka.pl/kurs,3,css.html/2 i się zastanawiam która grupa powinna być 1sza.
El. Kwadratowe-->Klasyfikacja-->Tekst-->Czcionka-->Kolor Tła?
Odpowiedz
#2
Raczej nie ma zadnych kolejnosci Smile przegladarka generuje kod i wyswietla jak ma byc Smile Mam nadzieje ze dobrze zrozumialem twoje pytanie Big Grin
Jeśli pomogłem... Dodaj punkt reputacji Smile http://www.webmastertalk.pl/podstrony-include-t-5667.html
Odpowiedz
#3
Taka kolejność nie istnieje. Każdy robi wedle uznania.
Odpowiedz
#4
Chodzi mi raczej o przejrzystość by jakoś to wyglądało, a nie np w kilku selektorach background mam na początku, w innych na końcu a w innych na środku kodu {}

@2xdown (Ancik)
Wielkie dzięki.
Odpowiedz
#5
Robisz jak Ci pasuje i jak wolisz Smile
Jeśli pomogłem... Dodaj punkt reputacji Smile http://www.webmastertalk.pl/podstrony-include-t-5667.html
Odpowiedz
#6
Pytasz więc, jak mniej więcej organizowac arkusz styli, żeby utrzymac w nim porządek. Wszystko zależy od ciebie. Ja np robie tak, że oddzielam od siebie sekcje komentarzami. W jednej sekcji zawsze zawieram wszystko co dotyczy tekstu, czyli np styluje nagłówki, paragrafy. W innym linki, w innym zdjęcia, wszystko inne co tyczy się samych divów segreguje obszarami strony, czyli np sekcja 'header' czy 'content'.

Zorganizuj sobie to tak, żeby ci było najprościej i miało to jakiś sens. Warto utrzymywac porządek nawet dla siebie. Czasem łatwiej jest coś znaleźc.

Powinieneś zabrac się za szukanie informacji o tym pod hasłami takimi jak css organization/ css order.
http://meiert.com/en/blog/20080515/css-organization-and-efficiency/ <- tutaj masz ciekawy artykuł na ten temat.

Pozdrawiam.
Odpowiedz
#7
Istnieje kolejność Smile
Chociażby a, :visited, :hover ect.
Druga kolejność tyczy się font:..... i line-height.

Trzecia kolejność to hierarchia.
Jeżeli np masz:

a {}

a potem gdzieś:

.content .formularz div .jakies_linki {}

to to powyższe nadpisze poniższe, mimo że linki będą miały klasy.

Kwestia trafienia w element:

.content .formularz div a.jakies_linki {}
już spełni swoją rolę

Podpatrz sobie boiler plate html5. Style tam napisane są bardzo ciekawym przykładem.

W załączniku podsyłam ci mój własny template, którego używam. Taka baza wyjściowa do stylowania Smile


Załączone pliki
.css   style.css (Rozmiar: 3.58 KB / Pobrań: 11)
Odpowiedz
#8
A to już inna bajka, mówisz Kartofelku o specyficzności styli, ale chyba nie o to mu chodziło. Odnośnie specyficzności to jest kilka fajnych artykułów na ten temat, w szczególności Erica Mayera, w którym fajnie to obrazował na zdjęciu, niestety nie mogę teraz tego znaleźć.

@Yavimava - jeżeli zagadnienie specyficzności cię interesuje, a powinno, to tutaj masz coś przydatnego
http://meyerweb.com/eric/css/link-specificity.html
http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

PS. @kartofelek przydatny pliczek Smile
Pozdrawiam.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [jQuery] Odczytywanie atrybutów rev5 3 3,329 30-03-2012, 04:35
Ostatni post: rev5
  [CSS] kolejność DIV-ów rydlik 2 2,366 07-10-2011, 17:18
Ostatni post: rydlik
  Problem z wyświetlaniem dynamicznego menu, nieprawidłowa kolejność warstw Koleś 4 3,391 21-07-2009, 21:39
Ostatni post: Koleś

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl