HTML i CSS

Pisz prawdziwy kod HTML i arkusze stylów: elementy HTML5, selektory CSS, kolory, transformacje i animacje, a potem formularze, flexbox, grid i projektowanie responsywne. Kod jest po angielsku, tak jak w prawdziwych projektach.

19 lekcji66 krokówPro

Zacznij tutaj

Lekcja 1 · Dokument HTML · krok 1Deklaracja doctype▷ wprowadzenie 10 s

Zacznij

Zaloguj się, aby zachować gwiazdki i wracać do nauki tam, gdzie przerwano.

ReklamaUsuń reklamy

The Typing Cat Pro: odblokuj wszystkie kursy. Bez reklam, certyfikaty, analiza AI. Zobacz Pro.

Wszystkie kursy i żadnej z tych reklamPro otwiera całą bibliotekę i czyści stronę z reklam. 5,99 USD miesięcznie.Zobacz Pro

1Deklaracja doctypeZacznij tutajZacznij tutaj▷ 10 sZacznij
2Treść strony

The Typing Cat ma ocenę 4,1 na 5 na podstawie 97 379 ocen

1Lekcja 1Dokument HTMLDeklaracja doctype, sekcja head i treść strony HTML5.2 kroki

2Lekcja 2Elementy sekcjisection, nagłówki, article, nav, details i form.6 kroków

3Lekcja 3Treści osadzonefigure, picture, audio i video.4 kroki

4Lekcja 4Elementy tekstowetime, mark i abbr wewnątrz akapitu.3 kroki

5Lekcja 5Selektory CSSSelektory atrybutów, pseudoklasy, pseudoelementy i kombinatory.4 kroki

6Lekcja 6Kolory w CSSKolory zapisane szesnastkowo oraz jako rgb, rgba, hsl i hsla.1 krok

7Lekcja 7Jednostki CSS i calc()Jednostki długości i wyrażenia calc().2 kroki

8Lekcja 8Zapytania o media w CSSReguły @media dla rozmiarów i orientacji ekranu.1 krok

9Lekcja 9Transformacje CSStranslate, rotate, scale, transformacje 3D i perspektywa.4 kroki

10Lekcja 10Przejścia CSSSkrócona właściwość transition z funkcjami czasu i opóźnieniami.1 krok

11Lekcja 11Animacje CSSSkrócona właściwość animation i reguły @keyframes.3 kroki

12Lekcja 12Szablon HTML i sekcja headStruktura dokumentu HTML i elementy sekcji head.4 kroki

13Lekcja 13Elementy semantyczneSemantyczne elementy HTML5 dla dostępnej struktury strony.4 kroki

14Lekcja 14Formularze i polaElementy formularzy z atrybutami i walidacją.5 kroków

15Lekcja 15Selektory i właściwości CSSSelektory, właściwości i wartości CSS.5 kroków

16Lekcja 16Układ flexboxWłaściwości flexboksa dla układów jednowymiarowych.4 kroki

17Lekcja 17Układ gridWłaściwości CSS Grid dla układów dwuwymiarowych.4 kroki

18Lekcja 18Animacje i przejścia CSSPrzejścia, transformacje i animacje z klatkami kluczowymi.4 kroki

19Lekcja 19Projektowanie responsywne i zapytania o mediaZapytania o media i wzorce projektowania responsywnego.5 kroków