Pierwsze reguły CSS dla znaczników

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

CSS opisuje wygląd strony. Reguły piszemy w znaczniku <style> w sekcji head. Każda reguła ma selektor (tu nazwę znacznika, np. h1), a w nawiasach klamrowych pary właściwość: wartość zakończone średnikiem. Reguła dla p działa na WSZYSTKIE akapity. color to kolor tekstu, background-color to kolor tła. Zmień navy na green i zobacz, jak zmienia się nagłówek.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Pierwszy CSS</title>
  <style>
    body {
      background-color: whitesmoke;
    }
    h1 {
      color: navy;
    }
    p {
      color: dimgray;
      background-color: lightyellow;
    }
  </style>
</head>
<body>
  <h1>Mój pierwszy styl</h1>
  <p>Ten akapit ma ciemnoszary tekst na jasnożółtym tle.</p>
  <p>Ten też - reguła działa na każdy akapit.</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.