Aturan Penulisan pada CSS

Sintaks CSS dibagi dalam 3 bagian :

     Selector {property : value}

Dimana :

·         Selector berisi tag HTML yang akan didefinisikan (body, H1, font, dll)

·         Property merupakan atribut yang akan di-set/diubah

·         Value merupakan nilai dari property

Contoh penulisan CSS :

H1 { Font-family : arial; Color : #0000FF }

Keterangan :

H1 merupakan selector,

Color merupakan property, dan

#0000FF merupakan value

Contoh penulisan CSS yang salah :

H1 { Font-family : “arial”; Color : “#0000FF” } H1 { Font-family : ‘arial’; Color : ‘#0000FF’ }

Untuk mendeklarasikan properti secara berkelompok, dapat menggunakan penghubung koma dan &. Contoh :

H1, H2 {color : green};

H3, H4 & H5 {color : red};

Untuk menuliskan komentar pada CSS dapat menggunakan salah satu dari 2 (dua) di bawah ini :

1.     Menggunakan tanda : /* ….. */

2.     Menggunakan tanda : <!-- - - >

Satuan ukuran yang disediakan (pada bagian value) adalah :

Satuan ukuran untuk value

Satuan Ukuran	Keterangan
em	Untuk menentukan nilai desimal (pecahan)
Ex	x-height, digunakan untuk menentukan ukuran yang sifatnya vertical
px	Pixels, menentukan ukuran yang bersifat pixel (layar monitor) seperti ukuran huruf.