Tekrar Görevi #1

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

Görev

Kolay

Artık CSS kullanarak metinleri ve arka planları biçimlendirmek için çeşitli tekniklerde ustalaştığınıza göre, bilginizi kapsamlı bir meydan okumayla sınamanın zamanı geldi. Belirli bir tasarım oluşturmak için renkler, hex kodları, RGB değerleri ve RGBA ile saydamlık hakkında öğrendiklerinizi uygulayacaksınız.

Size bir başlık (<h1>), bir paragraf (<p>) ve bir bölüm (<div>) içeren bir HTML belgesi veriliyor. Göreviniz, aşağıdaki görselde gösterilen tasarımla eşleşmeleri için bu öğeleri, öğrendiğiniz metin ve arka plan biçimlendirme özelliklerini kullanarak biçimlendirmektir:

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

<h1> öğesini hedefleyen bir CSS kuralı yazın. color değerini white, background-color değerini #000080 (lacivert) ve text-align değerini center olarak ayarlayın.
<p> öğesini hedefleyen bir CSS kuralı yazın. color değerini #FFFFFF (beyaz), background-color değerini rgba(0, 0, 0, 0.5) (yarı saydam siyah) ve font-size değerini 18px olarak ayarlayın.
<div> öğesini hedefleyen bir CSS kuralı yazın. background-color değerini rgba(237, 170, 26, 1) (altın sarısı) ve color değerini white olarak ayarlayın.

Kendin dene

<html>
<head>
    <title>Recap Challenge #1</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>