Wprowadzenie do selektorów

Część sekcji Stylizacja za pomocą CSS ścieżki HTML w Coddy. Lekcja 10 z 76.

W CSS selektory to wzorce używane do wybierania elementów HTML, które chcesz stylizować. Są kluczową częścią reguł CSS, ponieważ określają, do których elementów zostaną zastosowane style.

Istnieją różne typy selektorów, z których każdy wybiera elementy na innej zasadzie. Zrozumienie selektorów jest kluczowe dla opanowania CSS i tworzenia dobrze wystylizowanych stron internetowych.

Oto podstawowa reguła CSS z selektorem:

selector {
    property: value;
}

selector: Wskazuje elementy HTML, które mają zostać ostylowane.
property: Atrybut stylu, który chcesz zmienić (np. color, font-size).
value: Wartość, którą chcesz ustawić dla właściwości (np. blue, 16px).

Na przykład:

p {
    color: blue;
    font-size: 16px;
}

W tym przykładzie p jest selektorem, który wybiera wszystkie elementy akapitu. Deklaracje ustawiają kolor tekstu na niebieski, a rozmiar czcionki na 16 pikseli dla wszystkich akapitów.

Wyzwanie

Łatwy

Otrzymujesz dokument HTML. Użyj wewnętrznego CSS, aby nadać dokumentowi następujące właściwości:

Ustaw kolor tła wszystkich nagłówków h1 na green.
Ustaw kolor tekstu wszystkich nagłówków h1 na white.
Ustaw rozmiar czcionki wszystkich akapitów (p) na 18px.

Otrzymujesz początkowy kod CSS do tego zadania.

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <title>Selectors</title>
    <style>
        h1 {
            
        }
        p {
            
        }
    </style>
</head>
<body>
    <h1>John Doe</h1>
    <p>Web Developer</p>
</body>
</html>