Walidacja CSS

Co to jest walidacja CSS?

Walidacja CSS polega na sprawdzeniu, czy kod arkusza stylów jest zgodny ze składnią i standardem CSS. Walidator analizuje m.in. poprawność selektorów, nazw właściwości oraz wartości przypisanych do tych właściwości.

Poprawna deklaracja CSS

Deklaracja CSS ma postać:

selektor {
  właściwość: wartość;
}

Przykład poprawnego kodu:

p {
  font-weight: bold;
}

Ten zapis oznacza, że tekst we wszystkich elementach <p> będzie pogrubiony. Właściwość font-weight służy właśnie do określania grubości czcionki, a wartość bold jest dla niej poprawna.

Typowe błędy walidacji

Walidacja zakończy się błędem, gdy:

• użyto nieistniejącej właściwości CSS, np. text-size,
• przypisano właściwości niepoprawną wartość, np. font-size: bold,
• pomylono znaczenie właściwości, np. font-style: bold, ponieważ font-style służy do ustawiania stylu pisma, np. italic.

CSS w atrybucie style

Kod CSS można zapisać także bezpośrednio w HTML:

<p style="font-weight: bold;">Tekst</p>

W takim przypadku walidowana jest zawartość atrybutu style, czyli sama deklaracja CSS. Nadal muszą być użyte poprawne właściwości i poprawne wartości.

Wniosek egzaminacyjny

Jeśli chcemy pogrubić tekst w CSS, należy użyć:

font-weight: bold;

Nie należy używać font-style: bold, font-size: bold ani nieistniejącego text-size: bold.