[Tutorial CSS #2] Sintaks CSS - Deklarasi CSS

Sintaks CSS

Rangkaian aturan CSS terdiri dari pemilih dan blok deklarasi:

Selektor menunjuk ke elemen HTML yang ingin Anda gaya.

Blok deklarasi berisi satu atau lebih deklarasi yang dipisahkan oleh titik koma.

Setiap deklarasi menyertakan nama properti CSS dan nilai, dipisahkan oleh titik dua.

Deklarasi CSS selalu diakhiri dengan tanda titik koma, dan blok deklarasi dikelilingi oleh kurung kurawal.

Contoh: Dalam contoh ini, semua elemen <p> akan sejajar tengah, dengan warna teks merah:

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

• color: adalah Properti, red adalah nilainya.
• text-align adalah Properti, center adalah nilainya

---

Komentar CSS

Komentar digunakan untuk menjelaskan kode, dan dapat membantu ketika Anda mengedit kode sumber di kemudian hari.

Komentar diabaikan oleh browser.

Contoh: Komentar CSS dimulai dengan / * dan diakhiri dengan * /. Komentar juga dapat menjangkau beberapa baris:

p {
  color: red;
  /* Ini adalah komentar satu baris*/
  text-align: center;
}

/*  Ini adalah
multi-line
komentar  */

Share this post