Section ini membahas persiapan lingkungan sebagai bagian dari Course CSS. Ikuti chapter di dalamnya secara berurutan karena setiap chapter dibangun di atas pemahaman chapter sebelumnya. Gunakan demo interaktif pada setiap halaman untuk melihat langsung efek kode yang sedang dibahas.

# Browser dan DevTools

Kenali DevTools bawaan browser modern sebagai laboratorium utama untuk memeriksa dan menguji CSS.

Buka → # Memilih Code Editor

Bandingkan code editor populer dan siapkan VS Code beserta ekstensi yang mempercepat pekerjaan CSS.

Buka → # Membuat File CSS

Buat berkas styles.css pertama, pelajari aturan penamaannya, dan tentukan letaknya di dalam proyek.

Buka → # Menghubungkan CSS ke HTML

Sambungkan styles.css ke halaman lewat tag link, pahami path relatif, dan atasi CSS yang tidak muncul.

Buka → # Struktur Folder CSS

Susun folder proyek yang rapi dan pelajari kapan serta bagaimana memecah CSS menjadi beberapa berkas.

Buka → # Debugging dengan Browser

Jalankan alur debugging CSS pertama: periksa elemen, baca panel Styles, dan uji perbaikan langsung di DevTools.

Buka →