Co to jest CSS?

CSS, czyli Cascading Style Sheets (Kaskadowe Arkusze Stylów), to język służący do definiowania wyglądu i formatowania stron internetowych. W połączeniu z HTML, który odpowiada za strukturę strony, CSS pozwala na określenie, jak poszczególne elementy strony powinny być prezentowane wizualnie. Dzięki CSS strony internetowe mogą być estetyczne, funkcjonalne i spójne na różnych urządzeniach oraz w różnych przeglądarkach.

Jak działa CSS?

CSS działa jak garderoba dla strony internetowej, „ubierając” ją w odpowiednie style. Umożliwia m.in.:

• Określanie kolorów i fontów: Ustawianie kolorów tła, tekstu czy elementów graficznych oraz wybór odpowiednich krojów pisma.
• Definiowanie układu: Ustalanie wielkości, marginesów i odstępów elementów na stronie.
• Dodawanie efektów wizualnych: Tworzenie animacji, przejść czy cieni.
• Dostosowanie do urządzeń: Dzięki tzw. responsywności CSS umożliwia dostosowanie wyglądu strony do różnych ekranów i urządzeń.

Rodzaje stylów CSS

CSS oferuje kilka sposobów definiowania stylów:

1. Style inline: Dodawane bezpośrednio w znacznikach HTML, np.

   .

2. Style wewnętrzne: Zapisane w sekcji