CSS - Cascading Style Sheets

Selamat datang di materi pembelajaran CSS untuk Belajar Bareng BASIC (B3) x HIMAFORKA Frontend Development!

Tentang Materi Ini

Materi ini akan membahas CSS (Cascading Style Sheets) yang digunakan untuk mengatur tampilan dan layout halaman web. Setelah mempelajari HTML untuk struktur, CSS akan membuat halaman web kamu menjadi lebih menarik dan profesional.

Apa yang Akan Dipelajari?

Dalam seri materi CSS ini, kamu akan mempelajari:

Pengenalan CSS & Sintaks - Memahami apa itu CSS, sintaks dasar, dan selector
Cara Menambahkan CSS & Hierarki - Inline, internal, external CSS, dan specificity
Box Model & Typography - Margin, padding, border, dan styling teks
Display & Layout - Display properties, positioning, flexbox, dan grid
Responsive Design - Media queries dan teknik membuat website responsive

Prasyarat

Sebelum mempelajari CSS, pastikan kamu sudah:

Memahami dasar-dasar HTML
Mengerti struktur dokumen HTML
Familiar dengan elemen-elemen HTML

Tools yang Dibutuhkan

Text editor (VS Code, Sublime Text, atau editor lainnya)
Web browser dengan Developer Tools (Chrome, Firefox, Edge)
Semangat untuk berkreasi dengan styling!

Cara Menggunakan Materi

Materi disusun secara berurutan dan progresif:

Mulai dari pengenalan CSS dan sintaks dasar
Pelajari cara menambahkan CSS ke HTML
Pahami box model dan typography
Kuasai layout dengan display, flexbox, dan grid
Terapkan responsive design untuk berbagai ukuran layar

Setiap materi dilengkapi dengan contoh kode yang bisa langsung dipraktikkan.

Tips Belajar CSS

Gunakan Developer Tools browser untuk inspect dan eksperimen
Coba ubah-ubah nilai properti untuk melihat efeknya
Praktik membuat layout sederhana sebelum yang kompleks
Selalu test tampilan di berbagai ukuran layar

Selamat belajar dan berkreasi dengan CSS!