Tekrar Görevi #1

Coddy'nin HTML Journey'sinin Styling with CSS bölümünün bir parçası — ders 23 / 76.

Görev

Kolay

Bu ilk tekrar meydan okumasında, belirli bir tasarımı yeniden oluşturmak için CSS'deki metin stillendirme özellikleri hakkındaki bilgilerinizi uygulayacaksınız. Bu meydan okuma, color, font-family, font-size, font-weight, text-align ve text-decoration gibi çeşitli metin özelliklerini birleştirme yeteneğinizi test edecek.

Size çeşitli öğeler içeren bir HTML belgesi verilmiştir. Göreviniz, bu öğeleri stillendirmek için bu bölümde öğrendiğiniz farklı özellikleri uygulamaktır. Aşağıdaki adımları izleyin:

Tüm <h1> öğelerini hedefleyen bir CSS kuralı yazın.
- Rengi dark blue olarak ayarlayın.
- Yazı tipi boyutunu 32px olarak ayarlayın.
- Yazı tipi ağırlığını bold olarak ayarlayın.
- Metin hizalamasını center olarak ayarlayın.
intro-text sınıfına sahip tüm öğeleri hedefleyen bir CSS kuralı yazın.
- Rengi gray olarak ayarlayın.
- font-family özelliğini Arial, Helvetica, sans-serif; olarak ayarlayın.
- Yazı tipi boyutunu 18px olarak ayarlayın.
Tüm <li> öğelerini hedefleyen bir CSS kuralı yazın.
- font-weight özelliğini 600 olarak ayarlayın.
Tüm <a> öğelerini hedefleyen bir CSS kuralı yazın.
- text-decoration özelliğini none olarak ayarlayın.
- Yazı tipini tercih ettiğiniz font-family olan "Times New Roman", Times, serif değerine ayarlayın.

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>