Na początek

 

Wprowadzenie

Ten kurs wprowadza użytkownika w świat kaskadowych arkuszy stylów (CSS).

Pokaże Ci on, jak korzystać z podstawowych funkcji CSS przy użyciu praktycznych przykładów, które możesz sprawdzić na swoim komputerze. Kurs składa się z dwóch części.

  • Część I ilustruje podstawowe funkcje CSS, które działają w Mozilli oraz innych nowoczesnych przeglądarkach.
  • Część II zawiera przykłady specjalnych funkcji działających w Mozilli, ale niekoniecznie działających w innych środowiskach.

Ten kurs bazuje na specyfikacji CSS 2.1.

Kto może skorzystać z tego kursu?

Kurs jest przeznaczony dla początkujących, ale może być też przydatny dla osób mających już pewną wiedzę o CSS.

Jeżeli jesteś początkujący, skorzystaj z pierwszej części tego kursu, by zrozumieć działanie CSS i nauczyć się go używać. Potem przeczytaj część drugą, aby zrozumieć zakres wykorzystania CSS w produktach Mozilli.

Jeżeli znasz już trochę CSS, możesz pominąć części kursu, które omawiają znane Ci tematy i skupić się na tych, które są dla Ciebie nowe.

Jeżeli znasz dobrze CSS, ale nie w Mozilli, przejdź do części drugiej.

Czego potrzebujesz, zanim zaczniesz?

Aby móc swobodnie korzystać z tego kursu, potrzebujesz edytora plików tekstowych oraz przeglądarkę Mozilla (Firefox lub Mozilla Suite) i powinieneś umieć korzystać z obu tych produktów w podstawowym zakresie.

Jeżeli nie chcesz edytować plików, możesz po prostu czytać kurs i patrzeć na obrazki, ale taka metoda nauki jest znacznie mniej efektywna.

Niektóre części tego kursu mogą wymagać innych aplikacji Mozilli. Części te są opcjonalne. Jeżeli nie chcesz pobierać innych aplikacji Mozilli, po prostu pomiń je.

Uwaga:  CSS umożliwia pracę z kolorami, więc niektóre części kursu zależą od kolorów. Możesz z nich wygodnie korzystać, jeśli posiadasz kolorowy wyświetlacz i prawidłowo rozróżniasz kolory.

Jak korzystać z tego kursu

Aby korzystać z tego kursu, przeczytaj uważnie wszystkie strony po kolei. Jeżeli pominiesz jedną stronę, możesz mieć trudności z rozumieniem dalszych.

Na każdej stronie sekcja Informacja opisuje, jak działa CSS. Dzięki sekcji Zadanie będziesz mógł wypróbować użycie CSS na swoim komputerze.

Aby sprawdzić, jak dobrze rozumiesz treść, podejmij wyzwanie znajdujące się na dole każdej strony. Rozwiązania niektórych wyzwań są prezentowane na późniejszych stronach kursu.

Aby lepiej zrozumieć CSS, przeczytaj informacje znajdujące się w boksach oznaczonych Więcej szczegółów. Użyj znajdujących się tam odnośników, aby dowiedzieć się więcej ze specyfikacji CSS.

Kurs – część pierwsza

Podstawowy kurs CSS, krok po kroku.

  1. Czym jest CSS
  2. Po co używać CSS
  3. Jak działa CSS
  4. Kaskadowość i dziedziczenie
  5. Selektory
  6. Czytelny CSS
  7. Style tekstowe
  8. Kolor
  9. Treść
  10. Listy
  11. Bloki
  12. Układ
  13. Tabele
  14. Media

Kurs – część druga

Przykłady wykorzystania CSS w Mozilli.

  1. JavaScript
  2. Wiązania XBL
  3. XUL-owe interfejsy użytkownika
  4. Grafika SVG
  5. Dane XML

Autorzy i etykiety dokumentu

Ostatnia aktualizacja: thebodzio,