Syntax Penulisan CSS

Aturan Penulisan CSS (CSS Syntax)

CSS memiliki aturan tersendiri dalam penulisannya. Sebuah CSS memiliki Selector dan sebuah Deklarasi Block, lihat gambar dibawah ini :

Selector adalah element HTML yang ingin diberikan style.

Deklarasi blok berisi satu atau lebih deklarasi yang dipisahkan oleh titik koma.

Deklarasi terdiri dari Property dan Value, Contoh : Color : blue { ini merupakan sebuah deklarasi }

Color disebut property dan blue disebut value.

Contoh CSS

Sebuah deklarasi selalu diakhiri dengan titik koma ( ; ) dan kelompok deklarasi diawali dan diakhiri kurung kurawal { ... }.

p {color:red;text-align:center;}

Untuk membuat kode CSS lebih mudah dibaca, Anda dapat menempatkan satu deklarasi pada setiap baris.
Pada contoh berikut semua <p> elemen akan pusat-blok, dengan warna teks merah :
p {
    color: red;
    text-align: center;
}
CSS Komentar
Stiap Bahasa pemrograman pasti memiliki komentar tersendiri. Komentar merupakan sebuah cara yang digunakan programer untuk memeberikan penjelasan tentang sebuah kode. Karena komentar tidak akan digeneret / diterjemahkan oleh browser. Komentar hanya bisa dibaca saja.
Komentar dalam CSS diawali dengan tanda /* dan diakhiri dengan tanda */
Dibawah ini merupakan contoh komentar dalam CSS.
p {
    color: red;
    /* This is a single-line comment */
    text-align: center;
}

/* This is
a multi-line
comment */

Catatan :

Komentar Pertama merupakan komentar dalam satu baris, dsedangkan komentar kedua merupakan komentar dengan banyak baris

Silahkan  Download atau klik disini untuk mendapatkan file contoh dari tutorial ini.