Kaskadowe arkusze stylów (CSS) są językiem stylów używanym do opisania warstwy prezentacji dokumentów napisanych w HTML lub XML (włączając pochodne SVG czy XHTML). CSS opisuje jak elementy powinny być prezentowane na ekranie, przy wydruku, w czytniku ekranowym, albo w innych mediach.
CSS jest jednym z podstawowych języków otwartej sieci i jest ustandaryzowany pomiędzy przeglądarkami zgodnie ze specyfikacją W3C. Rozwijany stopniowo, CSS1 obecnie przestarzały , CSS2.1 rekomendowany, oraz CSS3, obecnie rozbity na mniejsze moduły w ciągłym procesie standaryzacji.
- CSS wstęp
Jeżeli dopiero zaczynasz przygodę z web developmentem upewnij się, że przeczytałeś artykuł podstawy CSS, który opisuje czym jest CSS i jak go używać.
- CSS poradniki
Nasza strefa uczenia CSS zawiera niezliczoną ilość tutoriali, które sprawnie przeprowadzą Cie z poziomu początkującego do eksperta, pokrywając wszystkie fundamentalne zagadnienia.
- CSS Reference
Our exhaustive CSS reference for seasoned Web developers describes every property and concept of CSS.
Poradniki
CSS Learning Area zawiera wiele modułów, które pozwolą Ci nauczyć się CSS od podstaw bez potrzeby wcześniejszej znajomości zagadnień.
- Wprowadzenie do CSS
- Ten moduł wprowadza w podstawowe zagadnienia, tłumaczy jak CSS działa, omawia selektory i właściwości, pisanie reguł CSS, dodawanie CSS do HTMLa, jednostki i kolory, kaskadowość i dziedziczenie, podstawy modelu blokowego, a także debugowania.
- Stylowanie tekstu
- Ten moduł opisuje podstawy stylowania tekstów, włączając w to ustawienia fontów, grubość, kursywe, interlinie i odstępy między literami, cienie oraz inne właściwości tekstu. Ten moduł kończy się dodaniem niestandardowych fontów na Twoją stronę oraz stylowaniem list i linków.
- Stylowanie bloków
- Moduł ten poświęcony jest stylowaniu bloków, jest to krok w przód jeżeli chodzi o ułożenie elementów na stronie. W tym module streścimy czym jest model blokowy (ang. box model), a następnie zajmiemy się kontrolą wyglądu witryny poprzez wewnętrzne i zewnętrzne marginesy, obramowania, kolorowe tła, obrazki i inne właściwści, a także rzeczy bardziej widowiskowe takie jak cienie i filtry.
- CSS layout
- Do tej pory poznaliśmy podstawy takie jak stylowanie tekstu czy stylowanie i manipulowanie blokami z treścią. Przyszedł czas przyjrzeć się w jaki sposób umieścić dane bloki w odpowiednich miejscach m.in. w zależności od szerokości ekranu. Dzięki poznaniu niezabędnych podstaw możemy teraz wejść głębiej w tematykę szablonów CSS, omówić różne ustawienia wyświetlania, tradycyjne metody wykorzystujące float i position, a także nowe narzędzia takie jak flexbox.
Referencje
- CSS reference: Wyczerpujący zbiór odnośników opisujących każdą właściwość i koncepcję CSS.
- CSS kluczowe koncepcje:
Narzędzia dla developerów CSS
- Możesz użyć W3C CSS Validation Service do sprawdzenia czy Twój CSS jest poprawny. Jest to nieoceniony pomocnik przy debugowaniu kodu.
- Firefox Developer Tools pozwalają na podgląd i edycję na żywo kodu CSS dzięki inspektorowi i edytorowi stylów.
- Roszerzenie Web Developer dla Firefoxa pozwala na śledzenie i edytowanie na żywo CSS na oglądanych stronach.
- Społeczność stworzyła inne różnorodne narzędzia CSS.
Meta bugs
- Firefox: błąd 1323667
Zobacz też
- CSS przykłady: Dostań kreatywnego doładowanie dzięki przeglądaniu przykładów użycia najnowszych technik CSS.
- Języki webowe, do których CSS jest najczęściej dołączany: HTML, SVG, XHTML i XML.
- Technologie Mozilli, które intensywnie używają CSS : XUL, Firefox, Thunderbird rozszerzenia i motywy.