Rozdział 2 · Zadanie 8

Czcionki

font-family, font-weight, line-height — sterujemy wyglądem tekstu.

Zadanie

Dodaj do style.css:

style.css

body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

.card p {
  font-weight: bold;
}

font-family

Nazwa czcionki. Kilka nazw po przecinku to «wariant zapasowy»: jeśli pierwszej czcionki nie ma, przeglądarka weźmie następną. sans-serif — «dowolna czcionka bezszeryfowa».

line-height

Wysokość linii. 1.6 oznacza «1.6 raza więcej niż rozmiar czcionki». Spróbuj 1 (ściśnie się) albo 3 (rozsunie się).

font-weight

Grubość tekstu: bold — pogrubiony, normal — zwykły. Albo liczbami: 400 — zwykły, 700 — pogrubiony, 900 — bardzo pogrubiony.

Nowy typ selektora

.card p — dwa słowa oddzielone spacją oznaczają «wszystkie <p> wewnątrz elementu z klasą card». Tylko ten <p> stanie się pogrubiony, inne — nie.

Popularne czcionki

Arial, sans-serif — prosta, nowoczesna. Georgia, serif — «książkowa». "Courier New", monospace — przypomina kod.

Kurs powstał dzięki wsparciu biura rachunkowego Galakton, Białystok, Polska