Tekrar Görevi #1

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

Görev

Kolay

CSS kullanarak metin ve arka planları stillendirmek için çeşitli tekniklerde ustalaştığınıza göre, şimdi bilginizi kapsamlı bir meydan okuma ile test etme zamanı. Belirli bir tasarımı oluşturmak için renkler, hex kodları, RGB değerleri ve RGBA ile şeffaflı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 verilmiştir. Göreviniz, bu öğeleri aşağıdaki resimde gösterilen tasarımla eşleşecek şekilde stillendirmek için öğrendiğiniz metin ve arka plan stillendirme özelliklerini kullanmaktır:

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>