Walidator CSS

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest walidator CSS?

Walidator CSS to narzędzie służące do sprawdzania, czy kod CSS jest zgodny ze składnią i standardami języka CSS. W pytaniach egzaminacyjnych poprawną odpowiedzią na sformułowanie „sprawdzenie poprawności składni kodu CSS” jest właśnie walidator.

Walidator nie służy przede wszystkim do przyspieszania działania strony ani do debugowania skryptów. Jego zadaniem jest wykrycie błędów takich jak literówki w nazwach właściwości, brakujące średniki, niepoprawne wartości lub błędna budowa reguł CSS.

Co może wykryć walidator CSS?

  • niepoprawną nazwę właściwości, np. backgroun-color zamiast background-color,
  • błędną wartość właściwości, np. color: 123;,
  • brak nawiasu klamrowego,
  • literówki w selektorach lub deklaracjach,
  • użycie właściwości niezgodnych z wybranym standardem CSS.

Przykład błędnego kodu

body {
  backgroun-color: white;
  color: #333
}

Walidator może wskazać literówkę w background-color oraz brak średnika po deklaracji color: #333.

Przykład narzędzia

Popularnym walidatorem jest W3C CSS Validation Service, dostępny online. Można w nim sprawdzić kod CSS przez wklejenie fragmentu kodu, podanie adresu strony lub przesłanie pliku.

Ważne rozróżnienie egzaminacyjne

  • walidator – sprawdza poprawność składni i zgodność ze standardem,
  • debugger – pomaga śledzić i usuwać błędy działania programu/skryptu,
  • optymalizator – poprawia wydajność lub zmniejsza rozmiar kodu,
  • konsolidator – łączy elementy, ale nie jest typowym narzędziem do kontroli składni CSS.