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;}
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.
Silahkan Download atau klik disini untuk mendapatkan file contoh dari tutorial ini.
Jangan lupa tinggalkan komentar ... EmoticonEmoticon