Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2016


PYTANIE NR 5.
W języku CSS zapis

h2 {background-color: green;}

sprawi, że koloru zielonego będzie
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
background-color ustawia kolor tła elementu, a selektor h2 wskazuje nagłówki drugiego stopnia. Zapis 
h2 { background-color: green; }
sprawi więc, że zielone będzie tło (obszar za treścią) każdego elementu h2, a nie kolor czcionki ani tło całej strony.

Pełne wyjaśnienie:

W CSS reguła ma postać: selektor + blok deklaracji. W zapisie:

h2 { background-color: green; }

selektor h2 jest selektorem typu (tagu) i dopasowuje wszystkie elementy HTML h2 w dokumencie. Właściwość background-color ustawia kolor tła elementu, czyli kolor obszaru znajdującego się pod treścią (np. pod tekstem nagłówka) oraz ewentualnie pod jego paddingiem.

Dlatego poprawna jest odpowiedź mówiąca o zielonym tle nagłówka drugiego stopnia. Aby zmienić kolor samej czcionki, używa się właściwości color, np. h2 { color: green; }

Dlaczego pozostałe odpowiedzi są błędne?

  • "czcionka nagłówka drugiego stopnia" – to dotyczy właściwości color, nie background-color.
  • "tło całej strony" – tło strony ustawia się zwykle dla body (lub elementu html), a nie dla selektora h2.
  • "czcionka każdego nagłówka na stronie" – selektor h2 nie obejmuje innych poziomów nagłówków (h1, h3 itd.), a dodatkowo zmieniałby tło, nie kolor tekstu.

Wskazówka egzaminacyjna: jeśli w treści widzisz background-*, myśl o tle elementu; jeśli widzisz color bez przedrostka, chodzi o kolor tekstu.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co robi właściwość background-color w CSS?

background-color ustawia kolor tła elementu (obszaru za treścią elementu).

Nie zmienia koloru tekstu. Do koloru tekstu służy właściwość color.

Jak działa selektor h2 w CSS?

Selektor h2 dopasowuje wszystkie elementy HTML typu h2 w dokumencie.

Reguła z takim selektorem zadziała dla każdego nagłówka drugiego stopnia, niezależnie od miejsca na stronie.

Dlaczego background-color nie zmienia koloru czcionki?

W CSS tło i tekst to różne warstwy.

background-color dotyczy tła elementu, a kolor liter kontroluje color. To rozdzielenie ułatwia budowanie kontrastu i czytelności interfejsu.

Jak ustawić zielony kolor tekstu w nagłówku h2?

Użyj właściwości color, np.:

h2 { color: green; }

To zmieni kolor czcionki w elementach h2, bez zmiany tła.

Czy h2 {background-color: green;} zadziała na całe tło strony?

Nie. Taki zapis dotyczy tylko elementów h2.

Aby ustawić tło całej strony, zwykle styluje się element body (np. body { background-color: ...; }).

Jakie elementy obejmuje selektor nagłówków h1–h6?

Każdy poziom ma osobny selektor: h1, h2, …, h6.

Jeśli chcesz ostylować wszystkie naraz, użyj listy selektorów, np. h1, h2, h3, h4, h5, h6 { … }.

Co jest częstym błędem w zadaniach o background-color?

Najczęściej myli się background-color z color i wybiera odpowiedź o "czcionce".

Warto zapamiętać: background zawsze dotyczy tła, a nie liter.

Jak sprawdzić w przeglądarce, czy zmieniło się tło elementu h2?

Użyj narzędzi deweloperskich (Inspect/Elementy).

Zaznacz element h2 i w zakładce stylów zobacz, czy reguła background-color jest zastosowana oraz jaki ma wynikowy kolor.

Kiedy zamiast tła lepiej zmienić tylko kolor tekstu nagłówka?

Gdy tło nagłówka mogłoby zaburzać układ (np. na kolorowych sekcjach) lub pogarszać kontrast.

Wtedy często lepsze jest użycie color oraz ewentualnie font-weight i odstępów (margin/padding).

Jak przygotować się do pytań z selektorów i właściwości CSS na egzamin?

Ćwicz krótkie reguły: selektor + 1 właściwość i obserwuj efekt w przeglądarce.

Ucz się parami: color (tekst) vs background-color (tło), oraz zakres selektorów: h2 vs body vs .klasa vs #id.

info

Statystycznie 70% uczniów zna prawidłową odpowiedź. średnio łatwe

Specjaliści zwracają uwagę: "background-color ustawia kolor tła elementu, a selektor h2 wskazuje nagłówki drugiego stopnia."

Źródła:

  • MDN Web Docs: background-color - https://developer.mozilla.org/en-US/docs/Web/CSS/background-color (dostęp: 2026-02-18)
  • MDN Web Docs: CSS Selectors (type selector) - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors (dostęp: 2026-02-18)
  • W3C: CSS Backgrounds and Borders Module Level 3, definicja background-color - https://www.w3.org/TR/css-backgrounds-3/ (dostęp: 2026-02-18)

Materiały:

  • Dokumentacja MDN: background-color
  • Dokumentacja MDN: podstawy selektorów CSS
  • Specyfikacja W3C: CSS Backgrounds and Borders (background-color)
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego