Rozmiar, krój i wyrównanie tekstu

CSS: kolory, tekst i selektory - HTML i CSS: pierwsze strony (HTML/CSS/JS)

font-size ustala wielkość liter, najczęściej w pikselach (px). font-family wybiera krój - podajemy kilka nazw po przecinku, a na końcu rodzinę ogólną (sans-serif, serif, monospace), gdyby komputer nie miał żadnej z wymienionych. Nazwy ze spacją bierzemy w cudzysłów. font-weight: bold pogrubia, font-style: italic pochyla, a text-align ustawia tekst do lewej, do środka (center) lub do prawej (right).

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Tekst</title>
  <style>
    h1 {
      font-size: 32px;
      text-align: center;
    }
    .bez {
      font-family: Arial, sans-serif;
      font-size: 18px;
    }
    .szeryf {
      font-family: Georgia, serif;
      font-size: 18px;
    }
    .kod {
      font-family: "Courier New", monospace;
      font-weight: bold;
    }
    .podpis {
      font-style: italic;
      text-align: right;
    }
  </style>
</head>
<body>
  <h1>Kroje pisma</h1>
  <p class="bez">Arial to krój bezszeryfowy - prosty i czytelny na ekranie.</p>
  <p class="szeryf">Georgia ma szeryfy, czyli małe ozdobniki na końcach liter.</p>
  <p class="kod">Courier New ma litery o równej szerokości, jak w kodzie.</p>
  <p class="podpis">Zespół BitWizards</p>
</body>
</html>

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu HTML i CSS: pierwsze strony · Zaloguj się, aby zapisać postęp na koncie.