Pengenalan Syntax CSS untuk Pemula

Tutorial kali ini saya akan mengajak sobat PusTut mengenal syntax atau kode CSS, sebelum itu saya akan menjelaskan sebuah aturan CSS yang telah ditetapkan yaitu terdiri dari sebuah selector dan deklarasi blok:

 

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 dan tunggu update tutorial pada pembahasan bab berikutnya :)

Tweet