Przejdź do treści
strefakursów

Fundamenty CSS - stylowanie stron od podstaw

Twórz wspaniałe strony z użyciem niesamowitych możliwości współczesnego CSS. Poznaj od zera techniki stylowania stron z kaskadowymi arkuszami stylów.

4,9 121 opinii Autor: Krystian Lisowski
76 lekcji 20 pytań testowych Poziom: Podstawowy Język: polski Certyfikat
159 zł

Oferta specjalna

Kup ten kurs za 87 zł z kodem

00 dni
00 godz.
00 min.
00 sek.

Minimalna wartość w koszyku, aby aktywować kod: 199 zł.

Dostęp od razu po zakupie

Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.

Dodaj do listy życzeń

Ten kurs jest częścią ścieżki

Web Designer

Szczegóły, które warto znać

7 godzin materiałów
Bezterminowy dostęp
Imienny certyfikat PDF
76 lekcji wideo
Poziom: Podstawowy
Testy i zadania
20 pytań testowych
Rekomendacje na LinkedIn
Napisy dostępne w językach: polski, angielski, ukraiński
Dostęp w aplikacji mobilnej

Opis szkolenia

Czego się nauczysz:

  • opanujesz zasady pisania stylów CSS

  • poznasz najważniejsze selektory

  • dowiesz się jak stylować wszystkie kluczowe elementy strony

  • zapoznasz się z modelem pudełkowym

  • opanujesz różne sposoby pozycjonowania elementów

  • poznasz nowoczesne techniki flexbox oraz grid

  • nauczysz się technik pracy z kolorami, dodawania tła oraz tworzenia responsywnych układów

  • budowania praktycznych projekt stylów dla strony

Jeśli chcesz tworzyć nowoczesne strony i rozwijać się jako front-end developer to musisz nauczyć się stylów CSS. Z tym kursem online zdobędziesz fundamentalne umiejętności, dzięki którym praca nad stylami nie sprawi Ci żadnego problemu. To kurs, który od początku uczy nowoczesnego podejścia z użyciem aktualnych technik pracy z kaskadowymi arkuszami stylów.

Projekt strony internetowej, którą stworzysz sam w kursie z użyciem technik pracy z kaskadowymi arkuszami stylów CSS.

CSS od podstaw

Nawet jeśli nigdy nie napisałeś ani jednej linijki kodu CSS to z tym kursem online bardzo szybko opanujesz wszystko co jest Ci potrzebne do pracy. Zdobędziesz szeroką wiedzę i wiele przydatnych umiejętności. Na koniec kursu stworzysz praktyczny projekt stylów dla nowoczesnej witryny. To świetna okazja do podsumowania oraz rozwinięcia swoich umiejętności.

Nowoczesna, responsywna strona internetowa stworzona w kursie z wykorzystaniem najnowszych technik CSS
Opanuj użycie selektorów, pozycjonowanie elementów na stronie, dowiedz się czym jest model pudełkowy.

Kluczowe umiejętności pisania stylów

Kurs zawiera wszystko co musisz wiedzieć jako początkujący front-end developer. Opanujesz użycie najważniejszych selektorów. Dowiesz się jak stylować elementy tekstowe. Nauczysz się dodawać tła oraz animacje. Poznasz kluczowe techniki pozycjonowania elementów na stronie. zobaczysz czym jest model pudełkowy oraz jak definiować rozmiary oraz odstępy pomiędzy elementami. A to dopiero początek tego co osiągniesz z tym kursem.

Nowoczesne techniki tworzenia układów

Jeśli poważnie myślisz o tworzeniu stron internetowych, to musisz poznać współczesne techniki tworzenia layoutów. Dzięki temu kursowi zdobędziesz m.in praktyczne umiejętności pracy z flexbox. Nauczysz się też układać elementy na siatce z użyciem grid. Zobaczysz jak wielkie możliwości oferują te dwie techniki i jak wielką mają przewagą nad tradycyjnym podejściem do budowania layoutów.

Twórz layouty stron, tak aby poprawnie wyświetlały się na wszystkich urządzeniach, wykorzystaj flexbox oraz grid.
Responsywne układy stron internetowych - techniki używania media-queries.

Responsywne strony

Każdy developer musi mieć wiedzę na temat tworzenia responsywnych układów, które prawidłowo działają na różnych ekranach. Z tym kursem online poznasz przydatne, praktyczne techniki używania media-queries, które są fundamentalnym elementem współczesnego CSS. Dzięki nim będziesz w stanie dopasować zawartość strony do dowolnego urządzenia - smartfona, tabletu i komputera.

Projekt stylów - podsumowanie wiedzy w praktyce

Ten kurs to nie tylko wiedza na temat podstaw CSS. W jego trakcie krok po kroku napiszesz kompletne style dla nowoczesnej strony. Będzie to świetna okazja aby zobaczyć na własne oczy jak poszczególne elementy CSS składają się w sensowną całość. Razem ze mną będziesz pisać style dla strony, której struktura została utworzona w kursie Fundamenty HTML, który również dla Ciebie przygotowałem. Te dwie pozycje tworzą przemyślaną całość z kompletną i aktualną wiedzą w zakresie HTML i CSS.

Stwórz style CSS w oparciu o strukturę strony internetowej stworzonej w HTML.

Co jeszcze powinieneś wiedzieć?

Aby wyciągnąć maksimum wiedzy z tego kursu nie musisz posiadać żadnej wiedzy na temat CSS-ów, ale powinieneś znać podstawy kodowania w HTML-u. Jeżeli nie zdobyłeś jeszcze tej wiedzy możesz ją uzupełnić, dzięki innym naszym szkoleniom.

Kup w pakiecie i oszczędź

Fundamenty języka HTML - kodowanie stron od podstaw

Fundamenty języka HTML - kodowanie stron od podstaw

4.9 (178)

159 zł

Fundamenty CSS - stylowanie stron od podstaw

Fundamenty CSS - stylowanie stron od podstaw

4.9 (121)

159 zł

Cena za zakup pakietu

254 zł 318 zł −20%

Oszczędzasz w pakiecie: 64 zł

Zyskujesz 25.44 zł w punktach na kolejne zakupy.

Kup w pakiecie
Fundamenty CSS - stylowanie stron od podstaw

Fundamenty CSS - stylowanie stron od podstaw

4.9 (121)

159 zł

Kurs Metodologia BEM - jak pisać dobry kod CSS

Kurs Metodologia BEM - jak pisać dobry kod CSS

4.9 (38)

129 zł

Cena za zakup pakietu

230 zł 288 zł −20%

Oszczędzasz w pakiecie: 58 zł

Zyskujesz 23.04 zł w punktach na kolejne zakupy.

Kup w pakiecie
Kurs Webflow - tworzenie stron bez kodowania

Kurs Webflow - tworzenie stron bez kodowania

4.9 (10)

169 zł

Fundamenty CSS - stylowanie stron od podstaw

Fundamenty CSS - stylowanie stron od podstaw

4.9 (121)

159 zł

Cena za zakup pakietu

262 zł 328 zł −20%

Oszczędzasz w pakiecie: 66 zł

Zyskujesz 26.24 zł w punktach na kolejne zakupy.

Kup w pakiecie
Kurs WordPress - twórz własne motywy od podstaw

Kurs WordPress - twórz własne motywy od podstaw

5.0 (3)

179 zł

Fundamenty CSS - stylowanie stron od podstaw

Fundamenty CSS - stylowanie stron od podstaw

4.9 (121)

159 zł

Cena za zakup pakietu

270 zł 338 zł −20%

Oszczędzasz w pakiecie: 68 zł

Zyskujesz 27.04 zł w punktach na kolejne zakupy.

Kup w pakiecie

Program kursu

13 modułów · 76 lekcji

1 · Wprowadzenie
  • Wstęp 00m 52s
  • Jak korzystać z materiałów? 01m 54s
  • Składnia CSS 07m 04s
  • Sposoby dodawania stylów do dokumentu HTML 05m 08s
2 · Selektory
  • Co to jest selektor? 01m 28s
  • Selektor elementu 03m 51s
  • Selektor klasy i identyfikatora 05m 12s
  • Selektor atrybutów 08m 52s
  • Specyficzność selektorów 07m 58s
3 · Pseudoklasy i pseudoznaczniki
  • Co to jest pseudoklasa? 03m 30s
  • Pseudoklasy strukturalne 11m 56s
  • Inne pseudoklasy 11m 16s
  • Co to jest pseudoznacznik? 03m 28s
4 · Wartości i jednostki w CSS
  • Jednostki bezwzględne 02m 56s
  • Jednostki względne 05m 31s
  • Wartości procentowe i obliczone 05m 22s
  • Kiedy nie trzeba podawać jednostek? 02m 36s
5 · Kolory w CSS
  • Podstawowe sposoby definiowania kolorów 05m 25s
  • Model RGB oraz RGBA 04m 51s
  • Model HSL i HSLA 04m 45s
  • Właściwość opacity 03m 47s
  • Co to jest gradient? 01m 11s
  • Gradient liniowy 06m 06s
  • Gradient promieniowy 07m 14s
  • Gradienty złożone 04m 35s
6 · Typografia w CSS
  • Właściwość font-family 06m 29s
  • Reguła @font-face 06m 03s
  • Rozmiar tekstu 06m 00s
  • Wysokość linii oraz odstępy 03m 05s
  • Rozmieszczenie i style tekstu 07m 15s
  • Właściwość text-shadow 04m 15s
  • Style dla list 04m 42s
7 · Układ elementów na stronie
  • Czym jest model pudełkowy? 03m 06s
  • Marginesy 04m 01s
  • Paddingi 03m 43s
  • Szerokość i wysokość 05m 39s
  • Właściwość border 07m 29s
  • Właściwość border-radius 05m 11s
  • Cienie elementów 04m 57s
  • Kontrolowanie modelu pudełkowego 03m 34s
  • Właściwość position 11m 17s
8 · Tła w CSS
  • Właściwość background-color oraz background-image 13m 10s
  • Właściwość background 02m 54s
  • Filtry 06m 21s
  • Maskowanie 05m 55s
9 · Transformacje i animacje
  • Właściwość transform 06m 26s
  • Właściwość transition 09m 45s
  • Właściwość animation 17m 07s
10 · Flexbox - elastyczny model pudełkowy
  • Czym jest flexbox i jak deklarować ten model? 02m 38s
  • Sposoby zmiany kolejności elementów 04m 24s
  • Właściwość flex-grow 03m 07s
  • Właściwość flex-shrink 02m 27s
  • Właściwość flex-basis 02m 47s
  • Wyrównywanie elementów 01m 47s
  • Właściwości flex-wrap i flex-flow 03m 07s
11 · Grid - siatka
  • Czym jest grid i jak deklarować siatkę? 05m 23s
  • Rozmieszczenie elementów w siatce 06m 50s
  • Powtarzanie linii siatki 03m 55s
  • Obszary nazwane 05m 56s
12 · Media Queries
  • Czym jest moduł Media Queries? 03m 50s
  • Cechy mediów 06m 02s
13 · Praktyczny projekt
  • Omówienie projektu i przygotowanie środowiska 05m 35s
  • Podstawowe style główne oraz pomocnicze 15m 52s
  • Utilities - style pomocnicze 13m 34s
  • Style dla headera 09m 24s
  • Style dla głównej sekcji 05m 53s
  • Stylowanie sekcji "clients" 02m 52s
  • Style dla sekcji z ofertą firmy 03m 06s
  • Stylowanie sekcji "purposes" 03m 23s
  • Stylowanie sekcji "join" 02m 59s
  • Style dla stopki 04m 26s
  • Przygotowanie Media Queries 05m 18s
  • Zapytania o media - responsywność strony cz. 1 14m 58s
  • Zapytania o media - responsywność strony cz. 2 14m 48s
  • Dodanie animacji 03m 35s
  • Zakończenie 00m 53s

Twój instruktor

Krystian Lisowski

Krystian Lisowski

Frontend Developer

Posiada doświadczenie w tworzeniu stron i aplikacji webowych. W codziennej pracy posługuje się językiem JavaScript wraz z frameworkiem Angular, HTML, SCSS, Tailwind CSS. Stale rozwija swoją wiedzę. Ostatnio poszerzył swój stack technologiczny o język PHP wraz z frameworkiem Symfony. Prywatnie lubi sport, głównie siłownię oraz rozwój osobisty. Pasjonat wycieczek po górach i dobrej książki.

Opinie kursantów

5,0 Zweryfikowana
„Kurs łatwy, przystępny i zrozumiały. Dobrze tłumaczy podstawy, ale nie uczy tylko podstawowej wiedzy. Naprawdę dzięki temu co przekazywane jest w trakcie kursu można rewelacyjne stylować strony tak by wyglądały profesjonalnie i by były responsywne."
M Michał Kamiński zweryfikowany kursant
5,0 Zweryfikowana
„Podobnie jak w przypadku kursu HTML, wszystko jest bardzo dokładnie omówione. Są tu przedstawione zarówno podstawy, jak i nieco bardziej zaawansowane zagadnienia, co jednak nie powinno nikomu sprawić problemu, ponieważ wszystko zostało omówione po kolei, w zrozumiały sposób. Wielkim plusem jest zwrócenie uwagi na responsywność strony do różnego typu urządzeń. Polecam!"
Czytaj więcej
A Adam Jędruch zweryfikowany kursant
5,0 Zweryfikowana
„Fajny kurs, wartościowe poszerzenie wiedzy. Fajne przykłady, proste tłumaczenia pozwalające łatwo zrozumieć dane zagadnienie. Na końcu praktyczny projekt. 5/5"
M Mateusz Grzegorzewicz zweryfikowany kursant
5,0 Zweryfikowana
„Wszystko bardzo czytelne, na praktycznych przykładach, bez zbędnego lania wody ;) kurs fajnie uzupełnia się z kursem html"
M Monika Skowronek zweryfikowany kursant

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp, pozwolą Ci rozwinąć się zawodowo i podnieść swoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl


Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:



Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

  • Otwórz aplikację Google Play.
  • Kliknij ikonę swojego profilu w prawym górnym rogu.
  • Wybierz Płatności i subskrypcje > Historia zakupów.
  • Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

    • Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.

Dla firm
Uczysz się do pracy? Kup ten kurs przez firmę
Dla siebie, pracownika lub zespołu – z fakturą i opcją ceny zespołowej.
Sprawdź zakup firmowy
Sprawdź zakup firmowy

Powiązane tematy

Web Designer Tworzenie stron internetowych CSS

Zobacz też

Podobne kursy

Fundamenty języka HTML - kodowanie stron od podstaw

Programowanie

Fundamenty języka HTML - kodowanie stron od podstaw

4.9 (178)

159 zł

Kurs Bootstrap 4 - od podstaw

Programowanie

Kurs Bootstrap 4 - od podstaw

5.0 (193)

119 zł

Warsztaty tworzenia stron internetowych

Programowanie

Warsztaty tworzenia stron internetowych

5.0 (119)

119 zł

Kurs HTML i JavaScript - praktyczne projekty

Programowanie

Kurs HTML i JavaScript - praktyczne projekty

4.8 (69)

149 zł

Kurs Metodologia BEM - jak pisać dobry kod CSS

Programowanie

Kurs Metodologia BEM - jak pisać dobry kod CSS

4.9 (38)

129 zł

Flexbox & Grid - responsywne layouty od podstaw

Programowanie

Flexbox & Grid - responsywne layouty od podstaw

4.8 (111)

119 zł

Kurs Bootstrap 4 - praktyczny projekt

Programowanie

Kurs Bootstrap 4 - praktyczny projekt

4.9 (127)

119 zł

Kurs Tworzenie stron internetowych - praktyczne projekty

Programowanie

Kurs Tworzenie stron internetowych - praktyczne projekty

4.9 (48)

159 zł

Produktywne tworzenie stron z LESS & SASS

Programowanie

Produktywne tworzenie stron z LESS & SASS

4.9 (236)

119 zł

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

Programowanie

Kurs Błyskawiczne tworzenie stron z Tailwind CSS

4.8 (39)

159 zł

Ten kurs jest częścią ścieżki

4,8

Web Designer

Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!

675 wykładów 21578 uczestników
Dowiedz się więcej

Dostęp od razu po zakupie

159 zł

Zwrot w 3 krokach

Masz 30 dni na zwrot od daty zakupu.

  1. 1

    Zleć zwrot jednym kliknięciem

    Przejdź do Historii zamówień i wybierz „Dokonaj zwrotu" przy zamówieniu, które chcesz zwrócić.

  2. 2

    Potwierdzamy zwrot

    Dostajesz potwierdzenie przyjęcia zwrotu - zwykle w 1 dzień roboczy.

  3. 3

    Pieniądze wracają

    Tą samą metodą, którą zapłacono - zwykle w 3-5 dni roboczych, maksymalnie 14 dni.

Pełne warunki znajdziesz w regulaminie zakupów.

Kod na pierwszy zakup

Odbierz 10% rabatu na pierwsze zamówienie

Dołącz do newslettera z promocjami i odbierz kod rabatowy.

Jest z nami już ponad 106 tys. subskrybentów

Podając adres e-mail zapisujesz się do newslettera i akceptujesz politykę prywatności. W każdej chwili możesz się wypisać.

Ups! Coś poszło nie tak

Zabezpieczenie antybotowe uznało, że Twoje ostatnie zgłoszenie mogło pochodzić od bota, i je zablokowało. Spróbuj ponownie. W razie problemów skontaktuj się z nami.