CSS: Aturan & Cara Penulisan Kode CSS

Assalamu'alaikum wr.wb

Pada postingan kali ini saya akan membahas Aturan & Cara Penulisan Kode CSS.

Agar lebih mudah memahami Aturan & Cara Penulisan Kode CSS, dibawah ini adalah contoh sederhana :

Kode HTML di atas memiliki kode CSS pada bagian head yang diinput menggunakan motode Internal Style Sheets. Kita akan fokus pada bagian CSS saja:

Seperti contoh diatas, atauran Penulisan CSS adalah sebagai berikut :

1. Selector di tempatkan pada awal penulisan CSS. Dalam contoh diatas, body, p, h1 dan h2 adalah selector. Khusus untuk selector yang lebih dari 1 (seperti pada contoh selector terakhir: h1,h2) untuk memisahkan kedua selector tersebut, digunakan tanda koma (,).
2. Setelah penulisan selector, seluruh isi dari property dan valuenya (nilainya), berada di antara kurung kurawal “{“ dan “}”.
3. Diantara property satu dengan yang lainnya, dipisahkan dengan tanda titik koma (;).
4. Diantara property dengan value (nilai), dipisahkan dengan anda titik dua (:).
5. Untuk property yang memiliki 2 kata , spasi diantaranya digantikan dengan tanda hubung (-), contohnya: background-color dan border-left.
6. Untuk properti yang berada pada baris terakhir, kita boleh mengabaikan tanda ‘;’ sebagai tanda tutup, tetapi disarankan agar tetap menggunakan tanda ‘;’, karena bisa saja kita lupa menuliskan tanda titik koma pada saat menambahkan properti lainnya. Contoh property tanpa tanda ‘;’ dapat di lihat pada contoh “text-decoration: underline”.

Sekian Postingan saya kali ini, semoa bermanfaat.

Selamat Mencoba...!!!

Wassalamu'alaikum wr.wb