Modul CSS: Panduan Lengkap

BAB 1: Pengenalan CSS

1.1 Apa Itu CSS?
1.2 Sejarah dan Perkembangan CSS
1.3 Cara Kerja CSS
1.4 Perbedaan CSS dengan HTML & JavaScript
1.5 Cara Menyisipkan CSS ke dalam HTML

• Inline CSS
• Internal CSS
• External CSS

BAB 2: Dasar-Dasar CSS

2.1 Struktur Sintaks CSS
2.2 Selektor dalam CSS

• Selektor Tag
• Selektor Class
• Selektor ID
• Selektor Atribut
• Selektor Pseudo-class & Pseudo-element
  2.3 Properti Dasar CSS
• Warna (color, background-color)
• Font & Teks (font-family, font-size, text-align)
• Ukuran & Spasi (width, height, margin, padding)

BAB 3: Tata Letak (Layout) dalam CSS

3.1 Box Model CSS
3.2 Display & Visibility

• Block, Inline, Inline-Block
• None, Hidden
  3.3 Positioning
• Static, Relative, Absolute, Fixed, Sticky
  3.4 Float dan Clear
  3.5 Flexbox: Tata Letak yang Fleksibel
  3.6 Grid Layout: Desain dengan Grid

BAB 4: Styling Lanjutan

4.1 Background & Border
4.2 Efek & Filter CSS
4.3 Animasi & Transisi CSS
4.4 Transformasi (Scale, Rotate, Skew)

BAB 5: Responsivitas & Media Query

5.1 Apa Itu Desain Responsif?
5.2 Media Query & Breakpoints
5.3 CSS Units: px, em, rem, %, vw, vh
5.4 Mobile-First vs Desktop-First

BAB 6: Framework & Preprocessor CSS

6.1 Pengenalan Framework CSS (Bootstrap, Tailwind CSS)
6.2 Pengenalan SASS dan LESS
6.3 Keuntungan Menggunakan Preprocessor

BAB 7: Best Practices & Optimasi CSS

7.1 Struktur dan Penulisan Kode yang Baik
7.2 Minifikasi CSS
7.3 Menggunakan Variabel CSS
7.4 Performa CSS dan Render Blocking