Kata Pengantar

Puji syukur ke hadirat Allah SWT atas segala rahmat dan karunia-Nya sehingga ebook ini dapat diselesaikan.

Ketika pertama kali saya belajar CSS, yang paling membingungkan bukan sintaksnya — melainkan mengapa sesuatu bekerja seperti itu. Kenapa elemen ini tidak bergerak meski sudah diberi margin? Kenapa warna tidak muncul? Kenapa layout tiba-tiba hancur di layar yang lebih kecil? CSS terasa seperti teka-teki yang jawaban benarnya bisa ada di mana-mana.

Ebook ini lahir dari keinginan untuk memberikan panduan CSS yang berbahasa Indonesia, terstruktur dari fondasi, dan tidak hanya mengajarkan sintaks tapi juga alasan di balik setiap properti. Terlalu banyak tutorial CSS yang hanya mendaftar properti tanpa menjelaskan kapan dan mengapa menggunakannya. Ebook ini mencoba berbeda: setiap konsep dijelaskan dari konteksnya, setiap contoh bisa langsung diterapkan, dan setiap bab membangun pemahaman di atas bab sebelumnya.

Cara Membaca Ebook Ini

Ebook ini dirancang untuk dibaca secara berurutan, terutama bagian CSS Tutorial yang membangun fondasi. Box model, display, dan positioning di bab-bab awal adalah fondasi yang terus dipakai di seluruh ebook — memahaminya dengan baik akan membuat topik Flexbox, Grid, dan Responsive jauh lebih mudah dipahami.

Setiap kali membaca, tulis kodenya sendiri. Bukan salin-tempel, tapi ketik dan modifikasi. Eksperimen dengan nilai yang berbeda, amati apa yang berubah. CSS adalah bahasa visual — yang paling efektif dipelajari dengan melihat hasilnya langsung di browser.

Setiap bab diakhiri dengan referensi ke dokumentasi resmi. Jika ada properti atau konsep yang ingin dijelajahi lebih jauh, MDN Web Docs adalah tempat terbaik untuk melanjutkan.

Ucapan Terima Kasih

Terima kasih untuk komunitas developer Indonesia yang terus aktif berbagi pengetahuan. Dan terima kasih untuk seluruh kontributor MDN Web Docs yang menjaga dokumentasi CSS tetap akurat dan mudah dipahami.

Selamat belajar.

Abd. Asis Maret 2026