W pokazanym fragmencie CSS selektor .tekst oznacza, że styl będzie zastosowany do elementów HTML, które mają klasę "tekst". Wewnątrz nawiasów klamrowych znajdują się trzy niezależne deklaracje, a każda z nich zmienia inną cechę wyglądu tekstu.
- font-family: Arial – wskazuje preferowany krój pisma (rodzinę fontów). Jeśli przeglądarka ma dostęp do Arial, tekst zostanie nim wyświetlony.
- font-size: 16px – ustawia rozmiar czcionki na wartość 16 w jednostkach podanych w kodzie (tu: px). To bezpośrednio wpływa na wielkość liter na ekranie.
- font-weight: bold – ustawia pogrubienie, czyli większą "grubość" znaków (wariant bold, jeśli dostępny).
Poprawna odpowiedź musi więc uwzględniać wszystkie trzy efekty: zmianę kroju na Arial, ustawienie rozmiaru na 16 oraz włączenie pogrubienia.
Odpowiedź "Zmieni rozmiar tekstu na 16 punktów i pogrubienie." jest błędna, ponieważ nie wspomina o zmianie kroju pisma na Arial, a to jedna z deklaracji w kodzie.
Odpowiedź "Zmieni czcionkę na Arial i rozmiar na 16 punktów." jest błędna, bo pomija deklarację font-weight: bold, czyli pogrubienie.
Odpowiedź "Zmieni czcionkę na Arial i doda pogrubienie." jest błędna, ponieważ pomija zmianę rozmiaru czcionki (font-size).
Wskazówka egzaminacyjna: czytając CSS, zrób szybkie "3-krokowe skanowanie": selektor (do czego), lista właściwości (co), oraz wartości (na jaką wartość). Dzięki temu łatwiej unikniesz odpowiedzi niepełnych.
