Selektor typu w CSS

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Selektor typu wskazuje elementy HTML na podstawie ich nazwy, np. p, div, h1, body. Reguła CSS zostanie zastosowana do wszystkich elementów danego typu występujących w dokumencie.

Przykład

p {
  color: blue;
}

Ten zapis oznacza, że tekst we wszystkich elementach <p> będzie niebieski.

Selektor p

Selektor:

p {
  background-image: url('rysunek.jpg');
}

odnosi się do wszystkich akapitów <p>. Dlatego obraz zostanie ustawiony jako tło każdego akapitu, a nie całej witryny.

Różnica między p a body

body {
  background-image: url('tlo.jpg');
}

Ten zapis ustawia tło dla całej strony, ponieważ body obejmuje widoczną zawartość dokumentu HTML.

Natomiast:

p {
  background-image: url('tlo.jpg');
}

ustawia tło tylko dla akapitów.

Do zapamiętania

  • p oznacza wszystkie akapity.
  • body oznacza obszar strony.
  • img służy do wstawiania obrazu jako elementu HTML.
  • background-image ustawia obraz jako tło elementu.