CSS Intro

Apa Itu CSS?

CSS adalah singkatan dari Cascading Style Sheets. CSS digunakan untuk mengatur tampilan dan gaya dari halaman web. Jika HTML digunakan untuk membuat struktur halaman (seperti paragraf, heading, gambar), maka CSS digunakan untuk mempercantik tampilan halaman tersebut.

Contoh sederhananya:

HTML = kerangka rumah,

CSS = cat, dekorasi, dan interiornya.

---

Fungsi CSS

CSS digunakan untuk:

• Mengubah warna teks dan latar belakang
• Mengatur ukuran dan jenis font
• Menentukan layout atau posisi elemen
• Memberi efek transisi dan animasi
• Membuat desain yang responsif di berbagai perangkat

---

Kenapa Harus Belajar CSS?

Jika kamu hanya menggunakan HTML, halaman web yang kamu buat akan terlihat polos dan membosankan. Dengan CSS, kamu bisa mengubah tampilan menjadi lebih:

• Menarik secara visual
• Responsif untuk berbagai layar
• Mudah dinavigasi dan profesional

---

Istilah Penting dalam CSS

Istilah	Penjelasan
Selector	Elemen HTML yang akan diberikan gaya (contoh: p, h1, .kelas, #id)
Property	Fitur atau gaya yang ingin diatur (contoh: color, font-size)
Value	Nilai dari properti (contoh: red, 16px, center)

Contoh:

p {
  color: red;
  font-size: 18px;
}

Artinya: Semua elemen <p> akan berwarna merah dan ukuran font-nya 18 piksel.

---

Kesimpulan

CSS adalah kunci untuk membuat website terlihat menarik dan profesional. Dengan memahami dasar-dasar CSS, kamu akan bisa:

• Memberi warna dan gaya pada elemen HTML
• Mengatur tata letak halaman
• Meningkatkan pengalaman pengguna