Menu
Coddy logo textTech
ZACZNIJ NAUKĘ
flag Pl iconPolskidown icon
html iconCzęść ścieżki HTMLPopularneŚcieżka

Kurs 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ą.

ZACZNIJ NAUKĘ(za darmo)
Zobacz programStylizacja za pomocą CSS online

325,794+ zapisanych osób

119 lekcje104 wyzwania582 pytania quizowe

  • Dla początkujących
  • sparkles iconPomoc AI przy programowaniu
  • hint iconPraktyczne, interaktywne lekcje
  • volume On iconNarracja audio w każdej lekcji
  • quiz iconQuizy sprawdzające wiedzę
  • certificate iconDarmowy certyfikat ukończenia

Program

2 sekcje3 projekty119 lekcje104 wyzwania582 pytania quizowe

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.

  1. Sekcja 1Podstawy60 lekcje
  2. Sekcja 2

    Stylizacja za pomocą CSS

    Zacznij sekcjęZacznijRozwińZwiń    Ożyw swoje strony internetowe, dodając kolory, układy i style76 lekcje100 wyzwania418 pytania3 projekty

    Wprowadzenie

    5 lekcje540

    Dodawanie CSS

    4 lekcje725

    Podstawowe selektory

    7 lekcje1247

    Podstawy tekstu

    8 lekcje1450

    Kolory i tła

    5 lekcje834

    Kawiarniane menu

    Projekt3 lekcje1

    Model pudełkowy, część 1

    6 lekcje943

    Model pudełkowy, część 2

    5 lekcje833

    Flexbox

    6 lekcje943

    Formularz logowania

    Projekt4 lekcje1

    Techniki układu

    7 lekcje1151

    Podstawy responsywnego projektowania

    6 lekcje1052

    Strona internetowa Tonga

    Projekt6 lekcje1

    Wyzwania końcowe

    4 lekcje4
  3. Sekcja 3

    Mistrzowskie opanowanie CSS

    Zacznij sekcjęZacznijRozwińZwiń    Rozwiń swoje umiejętności CSS na wyższy poziom!43 lekcje40 wyzwania164 pytania

    Opanowanie selektorów – łączenie

    6 lekcje539

    Interaktywne pseudoklasy

    5 lekcje431

    Strukturalne pseudoklasy

    5 lekcje432

    Projekt menu rozwijanego

    4 lekcje4

    Efekty wizualne

    5 lekcje536

    Strona docelowa

    5 lekcje5

    Twórz za pomocą CSS Grid

    4 lekcje426

    Strona internetowa Flavor Fiesta

    4 lekcje4

    Wyzwania końcowe

    5 lekcje5
  4. Sekcja 4Praktyczny frontend35 lekcje
  5. Sekcja 5JavaScript w praktyce27 lekcje
Zobacz pełny program ścieżki HTML
Co dostajesz
Wszystko, czego potrzebujesz do nauki programowania

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.

playground.js
Edytor kodu
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Dane wejściowe
"Alex"
Wynik
"Hello, Coddy! Alex"

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ę!

fire Filled icon
left icon

January 2026

right icon

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

product Double Or Nothing icon

Podwójnie albo nic

Dzień 5 z 7

fire Freeze icon

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.

Python
7Seria
250Wynik
5Energia
Zmienne
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
KONTYNUUJ
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Ścieżka
Cele
Ranking
Profil
4.9
GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka
Ocena

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!

Liga Challenger
Liga ChallengerAwansuje 7 najlepszych
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconStrefa awansuleaderboard Arrow Up icon

Każ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.

Wprowadzenie do zmiennych
Audio

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ść.

1xZofia

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.

CoddyCertyfikat ukończenia
Certyfikat dlaJan Kowalskiza pomyślne ukończenie kursu
python iconPodstawy Pythona
Zweryfikowano
Datasty 2026
LinkedInDodaj do LinkedIn

Dlaczego 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.

Ścieżki nauki, które obejmują ten kurs

Ten kurs to jeden krok dłuższej ścieżki: kilku kursów w kolejności, w jakiej uczyłby mentor, każdy z własnym darmowym certyfikatem.

Ilustracja języków programowania w Coddy

Ucz się Stylizacja za pomocą CSS z Coddy

ZACZNIJ