🖋️ Typography & Warna

Typography itu intinya ngatur gimana tampilan teks di halaman web, mulai dari ukuran huruf, jenis font yang dipakai, sampai gaya seperti tebal, miring, atau garis bawah. Dengan pengaturan typography yang tepat, teks jadi lebih enak dibaca dan menarik.
Selain itu, warna juga penting banget buat bikin tampilan web makin hidup. Warna bisa kasih kesan tertentu, misalnya serius, ceria, atau profesional, sekaligus bikin desain jadi lebih estetis dan eye-catching. Jadi, kombinasi typography dan warna itu kunci supaya tampilan teks nggak cuma informatif tapi juga menarik dilihat.

📝 Mengatur Typography

• font-family: buat nentuin jenis huruf yang dipakai di teks.
• font-size: atur seberapa besar ukuran tulisan.
• font-weight: mengatur ketebalan huruf, misalnya normal, bold, atau angka tertentu.
• text-align: buat nyetel posisi teks, bisa rata kiri (left), tengah (center), atau kanan (right).

p {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

🎨 Memberikan Warna

• color: mengatur warna teks.
• background-color: mengatur warna latar belakang suatu elemen.
• Warna dapat ditulis dengan:
  • nama warna (red)
  • hex (#ff0000)
  • rgb(rgb(255,0,0))

h1 {
  color: darkblue;
  background-color: #f0f0f0;
}

⚙️ Demo Interaktif: