Tantangan Rangkuman #1

Termasuk bagian Menata dengan CSS dalam perjalanan HTML di Coddy. Pelajaran 23 dari 76.

Tantangan

Mudah

Dalam tantangan rangkuman pertama ini, kamu akan menerapkan pengetahuanmu tentang properti penataan teks di CSS untuk membuat ulang desain tertentu. Tantangan ini akan menguji kemampuanmu menggabungkan berbagai properti teks, seperti color, font-family, font-size, font-weight, text-align, dan text-decoration.

Kamu diberi dokumen HTML dengan berbagai elemen. Tugasmu adalah menerapkan berbagai properti yang telah kamu pelajari di bagian ini untuk menata elemen-elemen tersebut. Ikuti langkah-langkah berikut:

Tulis aturan CSS yang menargetkan semua elemen <h1>.
- Atur warnanya menjadi biru tua.
- Atur ukuran font menjadi 32px.
- Atur ketebalan font menjadi tebal.
- Atur perataan teks menjadi rata tengah.
Tulis aturan CSS yang menargetkan semua elemen dengan class intro-text.
- Atur warnanya menjadi abu-abu.
- Atur font-family menjadi Arial, Helvetica, sans-serif;
- Atur ukuran font menjadi 18px.
Tulis aturan CSS yang menargetkan semua elemen <li>.
- Atur ketebalan font menjadi 600.
Tulis aturan CSS yang menargetkan semua elemen <a>.
- Atur text-decoration menjadi none.
- Atur font ke font-family pilihanmu, yaitu "Times New Roman", Times, serif.

Coba sendiri

<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>