Pengenalan Syntax CSS untuk Pemula
dari gambar diatas kita dapat melihatnya dengan jelas bukan, mari kita bahas satu persatu:
- Selector diatas akan menunjuk pada elemen HTML yang akan sobat rubah format style nya
- Declaration blok diatas berisi satu atau beberapa deklarasi yang dipisahkan oleh tanda “;”
- Pada setiap declaration diatas nama property dan value dipisahkan tanda “:”
- Sebuah declaration CSS akan selalu diakhiri dengan tanda “;”, dan kelompok declaration diapit oleh tanda”{}”
Agar kode CSS lebih mudah untuk dibaca, maka sobat dapat menempatkan satu deklarasi pada setiap baris, perhatikan contoh ini:
p {
color: red;
text-align: right;
}
Praktekkan lah kode di atas menggunakan text editor sobat.
Penggunaan Komentar pada CSS
Penggunaan komentar di tujukan untuk menjelaskan kode yang telah sobat buat, karena akan membantu sobat jika pada suatu saat nanti sobat ingin mengedit sumber kode tersebut. penggunaan komentar tidak akan mempengaruhi pada proses eksekusi kode sobat karena komentar akan di abaikan oleh web browser.
Suatu komentar pada CSS di awali oleh /* dan di akhiri oleh */ komentar sperti ini pun dapat menjangkau multi baris:
p {
color:red;
/*komentar satu baris*/
text-align:right;
}
/*komentar
multi
baris*/
kita cukupkan dahulu pembahasan dalam mengenal syntax CSS, terimakasih atas kunjungan nya
Komentar
Posting Komentar