Syntax / kalimat CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector, 1 property, 1 value.
Format penulisan kalimat CSS adalah sebagai berikut :
Keterangan :
Selector : menunjukkan bagian mana yang hendak diatur / diformat.
Property : menunjukkan, bagian (properti) dari selector yang hendak diatur.
Value : adalah nilai dari pengaturannya.
contoh syntax-nya sebagai berikut :
contoh diatas menunjukkan :
Selector : h1
Property : color
Value : red
Kalau diterjemahkan ke kalimat bahasa Indonesia kira-kira begini: Mengatur warna (color) dari h1 ke warna merah (red).
Pengelompokan Selectors
Anda dapat menulis satu kode CSS untuk berbagai macam selector dengan cara menggunakan koma. Misalkan anda mau mengatur agar tag h1, h2 dan h3 semua menggunakan warna merah, maka kode CSS nya menjadi :
Perhatikan penulisan h1,h2,h3 yang dipisahkan oleh koma
Penggunaan Banyak Properties
Untuk mengatur lebih dari satu properties gunakan pemisah titik koma ( ; )
contohnya sebagai berikut :
Pada contoh di atas, tag h1, h2 dan h3 di atur agar menggunakan warna merah, dengan type font arial, dan ukuran font 15.0pt
Cara Penulisan Yang Baik
Sangat disarankan untuk menulis kode CSS menggunakan beberapa baris dimana pengaturan property dan values nya di indent. Ya cuma biar rapih dan lebih mudah di baca aja sih, ga harus kok.
contohnya kira - kira seperti ini :
