Syntax
Aturan pada CSS memiliki dua bagian utama, selector, dan satu atau lebih declaration:
Selector adalah nama sebuah aturan yang akan dijadikan sebagai acuan oleh satu atau beberapa elemen di dokumen HTML. Selector digunakan untuk mencocokkan nama elemen di HTML dan aturannya di CSS.
Deklarasi aturan-aturan tiap selector diletakkan dalam tanda kurung kurawal. Tiap properti dan nilainya dipisahkan dengan tanda ; (titik koma). Setiap deklarasi terdiri dari properti dan nilai. Properti adalah atribut gaya yang ingin kalian ubah; bisa warna atau border dll. Setiap properti memiliki nilai, misalnya properti warna dapat memiliki nilai blue atau #0000FF dll.
h1 {color:blue; text-align:center;}
Untuk membuat CSS lebih mudah dibaca, kalian dapat meletakkan satu deklarasi di setiap baris, seperti ini:
h1 {
color: blue;
text-align: center;
}
Dalam contoh di atas h1 adalah selector, warna dan text-align adalah properti dan diberi warna blue dan center adalah nilai yang sesuai dari properti ini.
Catatan: Deklarasi CSS selalu diakhiri dengan tanda titik koma “;”, dan grup deklarasi selalu dikelilingi oleh tanda kurung kurawal “{}”.
Komentar CSS
Komentar biasanya ditambahkan dengan tujuan untuk membuat kode sumber lebih mudah dimengerti. Ini dapat membantu developer lain (atau kalian di masa depan ketika ingin mengedit kodenya) untuk memahami apa yang kalian lakukan dengan CSS. Komentar penting bagi programmer tetapi biasanya akan diabaikan oleh browser.
Komentar CSS dimulai dengan /*, dan diakhiri dengan */, Lihat contoh di bawah ini:
/* This is a CSS comment */
h1 {
color: blue;
text-align: center;
}