KWALIFIKACJA INF3 - STYCZEŃ 2022

PYTANIE NR 11.
Aby zweryfikować poprawność składni kodu CSS można użyć
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Walidator to narzędzie służące do automatycznej kontroli poprawności składni CSS i zgodności zapisu z regułami języka. Wykrywa m.in. błędne nazwy właściwości, nieprawidłowe wartości i brakujące znaki (np. średniki lub nawiasy). Pozostałe propozycje dotyczą innych zastosowań niż formalna walidacja.

Pełne wyjaśnienie:

Poprawna odpowiedź to "walidatora.", ponieważ walidator CSS służy do sprawdzania, czy arkusz stylów jest zapisany zgodnie z regułami składni języka CSS oraz (w zależności od narzędzia) ze specyfikacją. Taki program lub usługa analizuje kod statycznie i zwraca komunikaty o błędach oraz ostrzeżenia, np. o literówkach w nazwach właściwości, niepoprawnych wartościach, brakujących średnikach czy niedomkniętych nawiasach klamrowych.

Odpowiedź "debbugera." (niezależnie od pisowni) nie jest właściwa w tym sensie, że debugowanie najczęściej kojarzy się z analizą działania w czasie uruchomienia (np. w narzędziach deweloperskich przeglądarki). Takie narzędzia pomagają diagnozować, dlaczego dany styl nie zadziałał (kaskada, specyficzność, nadpisanie reguł), ale nie są tym samym co formalna walidacja składni.

"konsolidatora." nie jest standardowym określeniem narzędzia do weryfikacji składni CSS. Konsolidacja może oznaczać łączenie zasobów (np. plików), co dotyczy organizacji projektu lub procesu budowania, a nie kontroli poprawności języka.

"optymalizatora." również odnosi się do innego celu: optymalizacja CSS zwykle dotyczy zmniejszania rozmiaru (minifikacja), poprawy wydajności, porządkowania selektorów lub usuwania nieużywanego kodu. Optymalizator może działać na poprawnym CSS, ale sam z siebie nie jest typowym narzędziem do weryfikacji składni.

W praktyce warto pamiętać: walidacja odpowiada na pytanie "czy zapis jest poprawny?", a narzędzia diagnostyczne przeglądarki częściej odpowiadają na pytanie "dlaczego w tym miejscu zastosował się taki styl, a nie inny?".

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Walidator CSS to narzędzie, które analizuje arkusz stylów i sprawdza, czy jego składnia jest poprawna oraz czy użyte konstrukcje są zgodne z regułami języka. Zwraca listę błędów i ostrzeżeń, pomagając szybko znaleźć literówki, brakujące średniki czy nieprawidłowe wartości.
Najprościej wkleić kod CSS do internetowego walidatora CSS lub podać adres URL pliku. Narzędzie przeanalizuje treść i zwróci raport. Warto poprawiać błędy od pierwszego w kolejności, bo kolejne komunikaty mogą wynikać z wcześniejszego błędu składni.
Przeglądarki często stosują "tolerancję błędów": pomijają niepoprawne deklaracje i próbują renderować resztę stylów. To sprawia, że strona może wyglądać "prawie dobrze", mimo że kod ma błędy. Walidator daje formalną informację, co jest niezgodne ze składnią.
Narzędzia deweloperskie są świetne do diagnozy kaskady, specyficzności i nadpisywania reguł, ale nie zawsze wykonują pełną walidację składni względem specyfikacji. Walidator jest nastawiony na wykrywanie błędów formalnych i raportowanie ich w sposób systematyczny.
Najczęstsze problemy to: literówki w nazwach właściwości, nieprawidłowe wartości (np. zły format jednostki), brak średnika, niedomknięte nawiasy klamrowe oraz błędna składnia funkcji. Walidator pomaga też zauważyć niezalecane lub podejrzane konstrukcje jako ostrzeżenia.
Walidację warto uruchamiać przed oddaniem projektu, przed wdrożeniem na serwer i po większych zmianach w stylach. To szybka kontrola jakości, która ogranicza ryzyko, że błąd składniowy "wyłączy" część deklaracji i spowoduje niespójny wygląd w różnych przeglądarkach.
Typowy walidator koncentruje się na poprawności składni i zgodności ze specyfikacją, a nie na pełnej kompatybilności implementacji. Zgodność przeglądarkowa wymaga dodatkowych testów (różne silniki, wersje) oraz czasem narzędzi typu "caniuse". Walidacja to ważny, ale nie jedyny krok.
Błąd składni oznacza, że deklaracja jest zapisana niepoprawnie i przeglądarka może ją pominąć. Problem kaskady/specyficzności dotyczy sytuacji, gdy deklaracja jest poprawna, ale przegrywa z inną regułą. Walidator pomaga w pierwszym przypadku, a narzędzia deweloperskie w drugim.
Nie. Minifikacja (optymalizacja rozmiaru) usuwa spacje, komentarze i skraca zapis, aby plik szybciej się ładował. Walidacja sprawdza, czy kod jest poprawny składniowo. W praktyce najlepiej najpierw walidować i poprawić błędy, a dopiero potem minifikować CSS.
Opanuj podstawową składnię reguł CSS, poznaj rolę walidatora oraz typowe kategorie błędów. Przećwicz na krótkich fragmentach: wstaw celową literówkę, brak średnika lub złą wartość i zobacz, jak raportuje to walidator. To ułatwia rozpoznawanie podobnych pytań na egzaminie.
info

Około 79% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Specjaliści zwracają uwagę: "Walidator to narzędzie służące do automatycznej kontroli poprawności składni CSS i zgodności zapisu z regułami języka."

Źródła:

  • W3C CSS Validation Service – strona narzędzia i opis działania: https://jigsaw.w3.org/css-validator/ (dostęp: 2026-03-02)
  • MDN Web Docs – CSS: Syntax (opis składni i elementów reguły CSS): https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax (dostęp: 2026-03-02)
  • MDN Web Docs – CSS: właściwości i wartości (materiały referencyjne, kontekst błędów składniowych): https://developer.mozilla.org/en-US/docs/Web/CSS/Reference (dostęp: 2026-03-02)

Materiały:

  • Dokumentacja MDN Web Docs: CSS (sekcje dotyczące składni i błędów)
  • Materiały W3C dotyczące CSS oraz narzędzia walidujące
  • Ćwiczenia praktyczne: celowe wprowadzanie błędów do CSS i sprawdzanie komunikatów walidatora

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego