KWALIFIKACJA INF3 - CZERWIEC 2021 (test 2)

PYTANIE NR 35.
W którym z przypadków walidacja fragmentu kodu CSS przebiegnie pomyślnie?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawny fragment CSS to reguła z selektorem i blokiem deklaracji, gdzie występuje istniejąca właściwość oraz dopuszczalna wartość. Zapis p { font-weight:bold; } używa właściwości font-weight i wartości bold, więc przechodzi walidację. Pozostałe propozycje zawierają nieistniejącą właściwość lub są kodem HTML, nie CSS.

Pełne wyjaśnienie:

Walidacja fragmentu CSS polega na sprawdzeniu, czy zapis spełnia reguły składni (gramatykę) CSS oraz czy użyte nazwy właściwości i ich wartości należą do zdefiniowanego zestawu. Poprawna reguła CSS ma zwykle postać: selektor { właściwość: wartość; }.

Odpowiedź p { font-weight:bold; } jest poprawna, ponieważ:

  • p jest poprawnym selektorem typu (odwołuje się do elementów akapitu).
  • font-weight to istniejąca właściwość CSS służąca do określania grubości pisma.
  • Wartość bold jest jedną z typowych dopuszczalnych wartości dla tej właściwości, więc deklaracja jest sensowna semantycznie i składniowo.

Odpowiedź p { text-size:bold; } nie przejdzie walidacji, bo text-size nie jest standardową właściwością CSS. To typowy błąd polegający na "zgadywaniu" nazwy właściwości na podstawie intuicji.

Odpowiedź <p style="font-size:bold;"> nie jest fragmentem arkusza CSS, tylko fragmentem HTML z atrybutem style. Dodatkowo nawet jako styl inline zawiera problem: font-size oczekuje wartości rozmiaru (np. w jednostkach), a nie słowa bold.

Odpowiedź <p style="font-style:bold;"> również jest HTML, nie CSS. Ponadto font-style dotyczy kursywy (np. italic/oblique/normal), więc wartość bold do niej nie pasuje.

Wskazówka egzaminacyjna: gdy pytanie dotyczy walidacji CSS, zwracaj uwagę na dwa poziomy: (1) czy to na pewno CSS (a nie HTML ze stylem inline) oraz (2) czy para właściwość–wartość jest zgodna z dokumentacją. Literówki w nazwach właściwości zwykle powodują, że styl jest ignorowany.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Walidacja CSS sprawdza, czy kod ma poprawną składnię oraz czy użyte właściwości i wartości są zgodne ze specyfikacją CSS. W praktyce wykrywa literówki (np. złą nazwę właściwości) i błędne wartości, które przeglądarka zwykle ignoruje, przez co styl "nie działa".
Samodzielny CSS ma postać reguł typu selektor { właściwość: wartość; }. Jeśli widzisz tagi, np. <p ...>, to jest HTML. Atrybut style w HTML zawiera deklaracje CSS, ale cały zapis nadal jest fragmentem HTML, nie arkuszem CSS.
Bo zawiera poprawny selektor p, poprawny blok deklaracji w klamrach oraz właściwość font-weight z dopuszczalną wartością bold. Taka deklaracja odpowiada za pogrubienie tekstu i jest zgodna z dokumentacją CSS.
text-size nie jest standardową właściwością CSS, więc walidator zgłosi błąd (nieznana właściwość). To częsty problem, gdy ktoś myli nazwę z właściwością font-size albo zakłada, że "intuicyjna" nazwa będzie działać.
font-size opisuje rozmiar czcionki, więc typowo przyjmuje wartości liczbowe z jednostkami (np. px, em, rem) albo słowa kluczowe związane z rozmiarem. Wartość bold dotyczy grubości pisma, dlatego pasuje do font-weight, a nie do font-size.
font-style określa styl pisma (np. zwykły lub kursywa). Typowe wartości to takie, które opisują kursywę lub brak kursywy. bold nie opisuje kursywy, tylko pogrubienie, więc jest niezgodne z przeznaczeniem font-style.
Nie. Przeglądarki często "wybaczają" część błędów i ignorują tylko niepoprawne deklaracje. Jednak walidator jest ważny, bo pomaga znaleźć miejsca, gdzie styl się nie zastosuje (np. przez literówkę), oraz poprawić kompatybilność i jakość kodu.
W DevTools (np. w przeglądarce) sprawdź zakładkę stylów elementu. Błędne lub nieobsługiwane deklaracje bywają przekreślone albo oznaczone ikoną ostrzeżenia. To szybka metoda, by zobaczyć, czy przeglądarka rozpoznaje właściwość i czy wartość została przyjęta.
Najczęstsze to: literówki w nazwach właściwości, pomylenie właściwości z inną o podobnej nazwie, nieprawidłowa wartość (np. słowo kluczowe do złej właściwości) oraz mieszanie HTML z CSS (podawanie całego tagu zamiast reguły CSS).
Ćwicz rozpoznawanie poprawnych reguł: selektor + klamry + deklaracje zakończone średnikiem. Ucz się najczęstszych właściwości tekstu (font-*, color, line-height) i typowych wartości. Rozwiązuj zadania z diagnozą błędów i sprawdzaj je w walidatorze oraz w DevTools.
info

Około 64% zdających odpowiada poprawnie na to pytanie. średnie

Eksperci podkreślają: "Poprawny fragment CSS to reguła z selektorem i blokiem deklaracji, gdzie występuje istniejąca właściwość oraz dopuszczalna wartość."

Źródła:

  • MDN Web Docs: "font-weight" (CSS) – opis właściwości i wartości, https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight (dostęp: 2026-03-02)
  • MDN Web Docs: "font-size" (CSS) – wartości i składnia, https://developer.mozilla.org/en-US/docs/Web/CSS/font-size (dostęp: 2026-03-02)
  • MDN Web Docs: "font-style" (CSS) – wartości (normal/italic/oblique), https://developer.mozilla.org/en-US/docs/Web/CSS/font-style (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja MDN Web Docs dotycząca właściwości font-weight, font-size, font-style
  • Specyfikacja CSS (sekcje opisujące właściwości fontów i gramatykę deklaracji)
  • Ćwiczenia z walidacji CSS w praktycznym walidatorze CSS oraz w DevTools (zakładka Styles/Computed)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego