KURS - CSS

Sprawdzone i przeanalizowane przez Dawid Targosz ~ 29.05.2025

Czym jest CSS?

CSS (ang. Cascading Style Sheets – Kaskadowe Arkusze Stylów) to język służący do opisu wyglądu stron internetowych. CSS pozwala oddzielić strukturę strony (HTML) od jej prezentacji, czyli wyglądu wizualnego. Dzięki CSS możemy precyzyjnie określić m.in.:

• kolory tła i tekstu,

• rodzaje i rozmiary czcionek,

• rozmieszczenie i rozmiar elementów,

• obramowania, marginesy, odstępy,

• animacje i przejścia,

• responsywność – czyli dostosowanie wyglądu strony do różnych urządzeń, np. komputerów, tabletów, smartfonów.

Najważniejszym zadaniem CSS jest kontrola estetyki i wizualnego stylu strony internetowej, co pozwala uczynić ją bardziej atrakcyjną, nowoczesną i przejrzystą dla użytkownika.

CSS współpracuje bezpośrednio z HTML i jest obsługiwany przez wszystkie nowoczesne przeglądarki oraz systemy operacyjne.

Na jakich narzędziach będziesz pracować?

W kursie CSS również korzystamy z Visual Studio Code, tego samego edytora co przy HTML.

Visual Studio Code

Visual Studio Code to nowoczesne, lekkie i darmowe środowisko programistyczne stworzone przez Microsoft. Umożliwia ono komfortową pracę z plikami HTML, CSS, JavaScript i wieloma innymi językami. Funkcje, które szczególnie przydają się podczas pracy z CSS to m.in.:

• Podpowiedzi składni (autocomplete) – dzięki nim szybciej piszesz poprawny kod CSS,

• Kolorowanie składni – lepsza czytelność kodu,

• Podgląd kolorów – widzisz na bieżąco, jak wygląda dany kolor,

• Live Server – rozszerzenie, które pozwala na natychmiastowy podgląd zmian w przeglądarce,

• Eksplorator plików i zakładki – ułatwiają organizację projektu i szybkie przełączanie między plikami CSS i HTML,

• Wsparcie dla motywów i rozszerzeń – możesz dostosować wygląd edytora oraz dodać funkcje dopasowane do pracy z CSS.