Klasy i identyfikatory

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

Selektor znacznika działa na wszystkie elementy danego rodzaju. Gdy chcesz wyróżnić tylko niektóre, nadaj im klasę: class="wazne", a w CSS napisz .wazne (z kropką). Jedną klasę można dać wielu elementom. Identyfikator id="autor" musi być na stronie jedyny, a w CSS zapisujemy go z krzyżykiem: #autor. Znacznik <span> sam niczego nie zmienia - oznacza kawałek tekstu, który chcemy ostylować.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Klasy i id</title>
  <style>
    .wazne {
      color: crimson;
      background-color: mistyrose;
    }
    #autor {
      color: gray;
    }
  </style>
</head>
<body>
  <h1>Zasady w pracowni</h1>
  <p>Przed wejściem zostaw plecak w szatni.</p>
  <p class="wazne">Nie jemy i nie pijemy przy komputerach!</p>
  <p>Po lekcji <span class="wazne">wyloguj się</span> z konta.</p>
  <p id="autor">Regulamin spisała klasa 8b.</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.