🧠 Kuis: Dasar Styling

Jawab semua pertanyaan. Setelah menjawab, kunci jawaban dan penjelasannya langsung ditampilkan — salah pun tidak apa-apa, bisa dicoba lagi.

1. Elemen di bawah akan berwarna apa? Jelaskan alasannya di kepalamu dulu.

p { color: blue; }
.teks { color: green; }

<p class="teks">Halo</p>

2. Berapa lebar total kotak ini di layar (tanpa box-sizing: border-box)?

.kotak {
  width: 200px;
  padding: 20px;
  border: 5px solid black;
}

3. Kamu ingin memberi jarak ANTARA dua kartu yang berdampingan. Properti apa yang tepat?

4. Kamu ingin ukuran teks tetap menghormati pengaturan font browser pengguna. Unit mana yang relatif terhadap font-size elemen root <html>?

5. Dua div berurutan punya margin-bottom: 30px dan margin-top: 20px. Berapa jarak vertikal di antara keduanya?

Benar 0 dari 5 pertanyaan.