APA ITU CSS?

🔷 CSS ADALAH?

CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan dan desain halaman web.

Kalau HTML menentukan isi dan struktur halaman, maka CSS mengatur tampilannya — seperti warna, ukuran, tata letak, font, dan efek-efek visual lainnya.

---

🔷 FUNGSI CSS

CSS digunakan untuk:

• Mengatur warna teks dan latar belakang.
• Mengubah jenis dan ukuran font.
• Menentukan jarak antar elemen (margin, padding).
• Mengatur layout (penempatan elemen di halaman).
• Membuat efek seperti animasi dan transisi.
• Menyesuaikan tampilan halaman untuk berbagai ukuran layar (responsif).

---

🔷 CONTOH SEDERHANA

HTML:

<p class="teks-merah">Halo, ini paragraf dengan warna merah!</p>

CSS:

.teks-merah {
  color: red;
  font-size: 18px;
}

Penjelasan:

• .teks-merah adalah nama kelas (class).
• color: red; memberi warna merah pada teks.
• font-size: 18px; mengatur ukuran teks.

---

🔷 CARA MENGGUNAKAN CSS

Ada 3 cara menambahkan CSS ke HTML:

1. Inline CSS (langsung di tag HTML) <p style="color: blue;">Teks biru</p>
2. Internal CSS (di dalam <style> di file HTML) <style> p { color: green; } </style>
3. External CSS (di file .css terpisah) <link rel="stylesheet" href="style.css">

---

🔷 PERUMPAMAAN

Bayangkan website seperti manusia:

• HTML = rangka dan organ (struktur).
• CSS = pakaian, gaya rambut, dan makeup (tampilan).
• JavaScript = otak dan gerakan (interaksi dan logika).

---

✅ KESIMPULAN:

CSS adalah alat untuk mengatur tampilan halaman web.
Dengan CSS, kamu bisa membuat website lebih menarik, rapi, dan responsif di berbagai perangkat.

Kalau kamu ingin membuat web yang keren, HTML tanpa CSS akan terlihat polos. Jadi, HTML dan CSS harus digunakan bersama-sama.