Tekrar Mücadelesi #1

Coddy'nin HTML Journey'sinin CSS ile Stil Verme bölümünün bir parçası. Ders 23 / 76.

Görev

Kolay

Bu ilk tekrar mücadelesinde, belirli bir tasarımı yeniden oluşturmak için CSS'deki metin biçimlendirme özellikleri hakkındaki bilgini uygulayacaksın. Bu mücadele; color, font-family, font-size, font-weight, text-align ve text-decoration gibi çeşitli metin özelliklerini birleştirme becerini sınayacak.

Çeşitli öğeler içeren bir HTML belgesi veriliyor. Görevin, bu bölümde öğrendiğin farklı özellikleri uygulayarak bu öğeleri biçimlendirmek. Aşağıdaki adımları izle:

Tüm <h1> öğelerini hedefleyen bir CSS kuralı yaz.
- Rengi koyu mavi olarak ayarla.
- Yazı tipi boyutunu 32px olarak ayarla.
- Yazı tipi kalınlığını kalın olarak ayarla.
- Metin hizalamasını ortaya ayarla.
intro-text sınıfına sahip tüm öğeleri hedefleyen bir CSS kuralı yaz.
- Rengi gri olarak ayarla.
- Yazı tipi ailesini Arial, Helvetica, sans-serif; olarak ayarla.
- Yazı tipi boyutunu 18px olarak ayarla.
Tüm <li> öğelerini hedefleyen bir CSS kuralı yaz.
- Yazı tipi kalınlığını 600 olarak ayarla.
Tüm <a> öğelerini hedefleyen bir CSS kuralı yaz.
- Metin dekorasyonunu none olarak ayarla.
- Yazı tipini tercih ettiğin yazı tipi ailesi olan "Times New Roman", Times, serif olarak ayarla.

Kendin dene

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