Tekrar Görevi #2

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

Görev

Kolay

Bu ikinci 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, verilen bir tasarıma uyması için color, font-family, font-size, font-weight, text-align ve text-decoration gibi çeşitli metin özelliklerini birleştirme yeteneğinizi test edecektir.

Size bir başlık (<h1>), bir paragraf (<p>), bir bağlantı (<a>) ve liste öğeleri (<li>) içeren sırasız bir liste (<ul>) içeren bir HTML belgesi verilmiştir. Göreviniz, öğrendiğiniz metin stillendirme özelliklerini kullanarak bu öğeleri aşağıdaki resimde gösterilen tasarıma uyacak şekilde stillendirmektir:

Aşağıdaki adımları izleyin:

<h1> öğesini hedefleyen bir CSS kuralı yazın. color değerini black, font-family değerini "Times New Roman", Times, serif, font-size değerini 48px, font-weight değerini bold ve text-align değerini center olarak ayarlayın.
<p> öğesini hedefleyen bir CSS kuralı yazın. color değerini gray, font-family değerini Arial, Helvetica, sans-serif, font-size değerini 18px ve text-align değerini center olarak ayarlayın.
<a> öğesini hedefleyen bir CSS kuralı yazın. color değerini red, text-decoration değerini none olarak ayarlayın.
Tüm <li> öğelerini hedefleyen bir CSS kuralı yazın. color değerini green, font-family değerini "Courier New", Courier, monospace, font-size değerini 25px ve font-weight değerini 600 olarak ayarlayın.

Kendin dene

<html>
<head>
    <title>Recap Challenge #2</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph with a <a href="#">link</a>.</p>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</body>
</html>