Wyzwanie powtórkowe #1

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

Wyzwanie

Łatwy

W tym pierwszym wyzwaniu podsumowującym zastosujesz swoją wiedzę o właściwościach stylizowania tekstu w CSS, aby odtworzyć konkretny projekt. To wyzwanie sprawdzi Twoją umiejętność łączenia różnych właściwości tekstu, takich jak color, font-family, font-size, font-weight, text-align i text-decoration.

Otrzymujesz dokument HTML z różnymi elementami. Twoim zadaniem jest zastosowanie różnych właściwości poznanych w tej sekcji, aby nadać styl tym elementom. Wykonaj poniższe kroki:

Napisz regułę CSS, która wybiera wszystkie elementy <h1>.
- Ustaw kolor na ciemnoniebieski.
- Ustaw rozmiar czcionki na 32px.
- Ustaw grubość czcionki na pogrubioną.
- Ustaw wyrównanie tekstu na środek.
Napisz regułę CSS, która wybiera wszystkie elementy z klasą intro-text.
- Ustaw kolor na szary.
- Ustaw rodzinę czcionek na Arial, Helvetica, sans-serif;
- Ustaw rozmiar czcionki na 18px.
Napisz regułę CSS, która wybiera wszystkie elementy <li>.
- Ustaw grubość czcionki na 600.
Napisz regułę CSS, która wybiera wszystkie elementy <a>.
- Ustaw dekorację tekstu na none.
- Ustaw czcionkę na wybraną przez siebie rodzinę czcionek: "Times New Roman", Times, serif.

Spróbuj swoich sił

<html>
<head>
    <title>Recap Challenge #1</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>Discovering the Ocean</h1>
    <p class="intro-text">The ocean covers 70% of the Earth's surface and is full of life. It also helps regulate the planet's climate.</p>
    <h2>Marine Life</h2>
    <ul>
        <li>Whales</li>
        <li>Octopuses</li>
        <li>Coral Reefs</li>
    </ul>
    <p>Learn more at <a href="https://www.oceans.org" target="_blank">The Ocean Conservation Society</a>.</p>
</body>
</html>