Ngoding CSS Makin Kece dan Efisien Pake VS Code!

Setelah halaman HTML-mu punya struktur yang kokoh, sekarang saatnya kita kasih "baju" dan "makeup" pake CSS biar tampilannya makin menawan. Nah, Visual Studio Code juga punya segudang fitur yang bakal bikin proses nulis kode CSS jadi lebih gampang, cepet, dan pastinya lebih seru!

Yuk, kita liat apa aja yang bisa dilakuin VS Code buat ngebantu kita pas lagi asyik ngatur warna, font, layout, dan segala macem keindahan visual lainnya.

Dasar-Dasar: Membuat dan Menghubungkan File CSS

Sama kayak HTML, kita mulai dari dasarnya dulu:

1. Membuat File CSS Baru:

   • Di panel Explorer VS Code (yang ada di Side Bar), klik kanan di folder proyekmu (atau subfolder css kalau kamu mau lebih rapi) > New File.
   • Kasih nama file-nya dengan akhiran .css (misalnya, style.css, layout.css). Ini penting biar VS Code tau kalau itu file CSS.

2. Menghubungkan File CSS ke HTML:

   • Biar style CSS-mu bisa ngefek ke halaman HTML, kamu perlu ngehubungin file CSS itu ke file HTML-nya.
   • Caranya, buka file HTML-mu, terus di dalem tag <head>, tambahin tag <link> kayak gini: