Część ścieżki HTMLŚcieżkaKurs CSS
Darmowy, interaktywny kurs CSS. W każdej lekcji stylujesz prawdziwy HTML: selektory, model pudełkowy, kolory, czcionki, flexbox, grid, projektowanie responsywne, z podglądem na żywo podczas pisania i darmowym certyfikatem po ukończeniu. To część szerszej ścieżki HTML, więc kontekst znaczników, którego potrzebuje CSS, masz pod ręką.
14,472+ zapisanych osób
119 lekcje114 wyzwania582 pytania quizowe
- Dla początkujących
Pomoc AI przy programowaniu
Praktyczne, interaktywne lekcje
Quizy sprawdzające wiedzę
Darmowy certyfikat ukończenia
Program
Ta sekcja jest częścią ścieżki HTML. Pełny program ma więcej sekcji. Kliknij dowolny podgląd poniżej, aby zobaczyć go na stronie ścieżki.
- Sekcja 1Podstawy60 lekcje
Sekcja 2
Stylizacja za pomocą CSS
Zacznij sekcjęZacznijOżyw swoje strony internetowe, dodając kolory, układy i styleWprowadzenie
5 lekcje540Dodawanie CSS
4 lekcje725Podstawowe selektory
7 lekcje1247Podstawy tekstu
8 lekcje1450Kolory i tła
5 lekcje834Kawiarniane menu
Projekt3 lekcje3Model pudełkowy, część 1
6 lekcje943Model pudełkowy, część 2
5 lekcje833Flexbox
6 lekcje943Formularz logowania
Projekt4 lekcje4Techniki układu
7 lekcje1151Podstawy responsywnego projektowania
6 lekcje1052Strona internetowa Tonga
Projekt6 lekcje6Wyzwania końcowe
4 lekcje4Sekcja 3
Mistrzowskie opanowanie CSS
Zacznij sekcjęZacznijRozwiń swoje umiejętności CSS na wyższy poziom!Opanowanie selektorów – łączenie
6 lekcje539Interaktywne pseudoklasy
5 lekcje431Strukturalne pseudoklasy
5 lekcje432Projekt menu rozwijanego
4 lekcje4Efekty wizualne
5 lekcje536Strona docelowa
5 lekcje5Twórz za pomocą CSS Grid
4 lekcje426Strona internetowa Flavor Fiesta
4 lekcje4Wyzwania końcowe
5 lekcje5- Sekcja 4Praktyczny frontend35 lekcje
- Sekcja 5JavaScript w praktyce27 lekcje
Ucz się w praktyce
Pisz prawdziwy kod, odpytuj bazy danych, twórz strony internetowe i opanuj prompty AI. Nasze interaktywne lekcje obejmują wszystkie umiejętności, których potrzebuje współczesny programista.
Buduj swoją serię
Ucz się regularnie i patrz, jak rosną twoje postępy! Śledź codzienny nawyk programowania, chroń serię dzięki zamrożeniom i zdobywaj nagrody za każdy dzień nauki.
12 dni serii
Wróć jutro, aby utrzymać serię!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Podwójnie albo nic
Dzień 5 z 7
Zamrożenie serii
2 left
Programuj wszędzie
Zabierz naukę programowania ze sobą! Bez konfiguracji i pobierania plików: po prostu otwórz i zacznij kodować. Dostępne na iOS, Androida i w przeglądarce, z oceną 4,9 gwiazdki.
Nie uczysz się w pojedynkę
Rywalizuj w globalnych rankingach, zapraszaj znajomych po nagrody i świętujcie wspólnie swoje sukcesy. Z przyjaciółmi programuje się lepiej!
1
2
3
Strefa awansuKażdy sposób nauki
Czytaj, słuchaj, sprawdzaj się, pytaj AI albo wracaj do tego, co już znasz. Każda lekcja dopasowuje się do ciebie.
Zmienna to nazwany pojemnik przechowujący wartość, do której możesz później odwołać się w programie.
W Pythonie tworzysz ją, pisząc nazwę, znak równości, a potem wartość, którą chcesz zapisać.
Wartość może się zmieniać: ponowne przypisanie po prostu wskazuje nazwą nową wartość.
Zdobądź certyfikat
Zdobywaj certyfikaty za każdy ukończony kurs. Dodaj je do profilu na LinkedIn i CV, aby pokazać pracodawcom swoje umiejętności programistyczne.
Certyfikat ukończeniaPodstawy Pythona
Dodaj do LinkedInDlaczego warto uczyć się CSS z Coddy
- Pisz CSS w przeglądarce i patrz, jak strona zmienia wygląd na żywo. Bez etapu budowania, bez konfigurowania edytora. Każda zmiana selektora czy właściwości pojawia się od razu, więc widzisz, co naprawdę robi każda reguła.
- Podstawy CSS: selektory i specyficzność, model pudełkowy, pozycjonowanie, flexbox, CSS grid, przejścia, media queries i projektowanie responsywne. CSS, którego każdy frontend developer potrzebuje na co dzień.
- Podpowiedzi AI pomagają debugować rzeczy, na których wszyscy się potykają, takie jak niespodzianki ze specyficznością, wylewająca się treść czy dziwne zachowanie flexboxa, bez zdradzania poprawki, więc CSS staje się intuicyjny, a nie magiczny.
- Darmowy certyfikat z CSS po ukończeniu działu. W naturalny sposób łączy się z kursami HTML i JavaScript w pełne podstawy frontendu.
Najczęstsze pytania o naukę CSS
Czym jest CSS?
CSS (Cascading Style Sheets, kaskadowe arkusze stylów) to język, który decyduje o wyglądzie stron HTML: kolorach, czcionkach, odstępach, układzie, animacjach i zachowaniu na ekranach różnej wielkości. HTML określa, co jest na stronie, a CSS, jak to jest prezentowane.
Czy CSS jest trudny do nauczenia?
Podstawy CSS, czyli selektory, kolory, czcionki i model pudełkowy, łatwo opanować w kilka godzin. Trudniejsze części przychodzą później: reguły specyficzności, układy flexbox i grid oraz dopilnowanie, żeby wszystko dobrze wyglądało na każdym rozmiarze ekranu. Kurs wprowadza je małymi krokami z podglądem na żywo, więc widzisz dokładnie, co robi każda reguła.
Czy uczyć się HTML przed CSS?
Tak. HTML określa strukturę strony, a CSS nadaje jej styl. Bez HTML nie ma czego stylować. Z tego powodu ten dział CSS jest częścią ścieżki HTML: najpierw jest dział z podstawami HTML, a potem przez większość ścieżki go stylujesz.
Czym różnią się CSS, Flexbox i Grid?
Flexbox i Grid to moduły układu wewnątrz CSS: nie są osobnymi technologiami, tylko funkcjami CSS. Flexbox najlepiej sprawdza się w układach jednowymiarowych (rząd kart, pasek nawigacji). Grid najlepiej sprawdza się w układach dwuwymiarowych (cała strona, złożony układ kart). Większość prawdziwych stron używa obu, a kurs omawia, kiedy sięgać po który.
Czy mogę uczyć się CSS online za darmo?
Tak. Interaktywny dział CSS jest darmowy: pełne lekcje, ćwiczenia z kodowania, podgląd na żywo i certyfikat. Wszystko działa w przeglądarce, więc na start nie musisz instalować żadnego edytora ani narzędzi.
Czy po kursie CSS dostanę certyfikat?
Tak. Po ukończeniu działu CSS otrzymujesz darmowy certyfikat ukończenia. To weryfikowalne potwierdzenie umiejętności, które możesz dodać do CV albo udostępnić na LinkedIn obok certyfikatów z HTML i JavaScriptu jako część portfolio frontendowego.
