CARA MEMBUAT CSS DI SUBLIME TEXT

Untuk para pengembang web, pengetahuan tentang cara membuat CSS (Cascading Style Sheets) adalah penting. Salah satu editor teks yang sering digunakan adalah Sublime Text, yang populer karena kenyamanan dan fitur-fiturnya yang memudahkan proses pengembangan. Berikut ini adalah langkah-langkah sederhana untuk membuat CSS di Sublime Text.

Langkah 1: Membuat sebuah file baru

Pertama-tama, kamu perlu membuat file baru. Kamu bisa melakukan ini dengan menekan CTRL+N pada keyboard komputer kamu. Setelah itu, simpan file dengan ekstensi .css untuk menandainya sebagai file CSS. Misalnya, kamu bisa menyimpannya dengan nama “style.css”.

Langkah 2: Menulis kode CSS

Setelah membuat file CSS, langkah selanjutnya adalah mulai menulis kodemu. Sebagai contoh, kamu bisa mencoba menulis kode berikut:

body {
   background-color: lightblue;
}

Catatan mengenai sintaks CSS

Sintaks CSS di atas adalah cara standar untuk mengubah warna latar belakang dari halaman web. “Body” adalah selektor yang mengacu pada seluruh tubuh dokumen HTML. Properti “background-color” digunakan untuk menentukan warna latar belakang, dan “lightblue” adalah nilai yang kita berikan untuk properti tersebut.

Langkah 3: Menyimpan file

Setelah selesai menulis kode, jangan lupa untuk menyimpan file kamu dengan menekan CTRL+S.

Langkah 4: Mengintegrasikan CSS dengan HTML

Langkah terakhir adalah menghubungkan file CSS kamu dengan file HTML. Kamu bisa melakukannya dengan menambahkan kode berikut di dalam tag head pada file HTML:

<link rel="stylesheet" type="text/css" href="style.css">

“Style.css” harus diganti dengan nama file CSS kamu, jika berbeda.

Kesimpulan

Itu dia! Dengan langkah-langkah di atas, kamu sudah bisa membuat dan mulai menggunakan file CSS di Sublime Text. Selamat mencoba dan semoga berhasil dalam eksplorasi CSS kamu!