Które reguły CSS poprawnie ustawiają dla akapitu czcionkę Arial, rozmiar 16 pt i pochylenie (kursywę)?
Źle.
font-style nie ustawia kroju, a font-variant nie daje pochylenia.Dobrze.
font-family - krój, font-size - rozmiar, font-style: italic - pochylenie.Źle. Krój ustawia
font-family (nie font-style), a rozmiar font-size (nie size).Źle. Rozmiar podano w
px zamiast pt, a font-variant to nie pochylenie.Wygląd czcionki opisują w CSS trzy osobne właściwości:
font-family ustala krój (np. Arial), font-size - rozmiar (tu 16pt, bo zadano punkty, a nie piksele), a font-style: italic włącza pochylenie. Razem daje to p { font-family: Arial; font-size: 16pt; font-style: italic; }. Warto pamiętać, że font-style odpowiada za kursywę, a font-weight za grubość - to częste źródło pomyłek. Dlatego poprawny jest ten zestaw reguł.Pozostałe zapisy mylą właściwości lub jednostki. W kilku z nich krój czcionki próbuje się ustawić przez
font-style, podczas gdy do kroju służy font-family - font-style włącza jedynie pochylenie. Pojawia się też nieistniejąca właściwość size zamiast font-size. Pochylenia nie da się uzyskać przez font-variant (ta odpowiada za np. kapitaliki). Błędem jest również podanie rozmiaru w px, gdy zadano 16pt. Poprawnie krój, rozmiar i kursywę ustawia font-family, font-size: 16pt i font-style: italic.