MulaiCode
CSS

CSS Sintaks

CSS terdiri dari aturan gaya yang digunakan untuk mendesain elemen HTML.

Struktur Dasar Sintaks CSS

selector {
  property: value;
}

Contoh:

h1 {
  color: blue;
  font-size: 12px;
}
  • h1 adalah selektor — elemen HTML yang ingin kamu beri gaya.
  • {} adalah blok deklarasi — berisi satu atau lebih pasangan properti dan nilai.
  • color dan font-size adalah properti CSS.
  • blue dan 12px adalah nilai properti.

Penjelasan:

  • Selektor menunjuk ke elemen HTML yang ingin kamu ubah.
  • Properti adalah atribut CSS (seperti color, font-size, background-color, dll.).
  • Nilai adalah pengaturan untuk properti tersebut (blue, 12px, dsb).
  • Setiap deklarasi dipisahkan dengan titik koma ;
  • Seluruh deklarasi dikelilingi oleh kurung kurawal {}

Contoh Lain:

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

Gaya di atas akan membuat semua elemen <p> berwarna merah dan teksnya berada di tengah.

On this page