Jawab pertanyaan-pertanyaan singkat seputar sintaks, properti, dan hierarki spesifisitas CSS.
CSS Quiz
Contoh Kode CSS Quiz:
<!DOCTYPE html>
<html>
<head>
<style>
.kuis-box {
font-family: sans-serif;
border: 1px solid #cbd5e1;
padding: 20px;
border-radius: 8px;
max-width: 450px;
}
.opsi { display: block; margin: 8px 0; }
</style>
</head>
<body>
<div class="kuis-box">
<h4>Pertanyaan: Manakah properti untuk mengubah warna teks?</h4>
<label class="opsi"><input type="radio" name="q1"> font-color</label>
<label class="opsi"><input type="radio" name="q1"> text-color</label>
<label class="opsi"><input type="radio" name="q1"> color (Benar)</label>
</div>
</body>
</html>
Uji dan amati bagaimana deklarasi CSS CSS Quiz mengubah tampilan elemen di atas.