Menulis CSS tanpa alat inspeksi seperti menembak di kegelapan. Section ini menyiapkan lingkungan kerja kita: cara menghubungkan CSS ke HTML, cara memakai browser DevTools untuk memeriksa elemen, cara membaca computed styles, serta kebiasaan debugging dan validation sejak dini.

# Menghubungkan File CSS

Pahami cara menghubungkan berkas CSS ke HTML melalui tag link, membedah jalur relatif dan absolut, serta memilih antara CSS eksternal, internal, dan inline.

Buka → # Browser DevTools

Gunakan browser DevTools untuk membuka panel Elements dan Styles, menginspeksi elemen, menonaktifkan properti, serta mengenal device mode.

Buka → # Membaca Computed Styles

Bedah perbedaan declared, computed, dan used value serta cara membaca panel Computed dan urutan aturan di panel Styles.

Buka → # Debugging CSS

Terapkan alur debugging CSS yang sistematis: reproduksi, isolasi, hipotesis, dan uji, disertai teknik praktis di panel Styles.

Buka → # CSS Validation dan Formatting

Validasi CSS dengan W3C CSS Validator, kenali peran linter seperti stylelint, dan bangun kebiasaan formatting yang konsisten.

Buka →