Dasar CSS : Sintaks yang Harus Dipahami pada CSS

Sintaks CSS terdiri dari dua bagian utama, yaitu declaration dan selector.

1. Declaration menghubungkan antara sebuah properti dan nilainya,

Declaration pada CSS merupakan bagian dari sebuah aturan CSS yang menghubungkan antara sebuah properti dan nilainya. Declaration terdiri dari dua bagian yaitu nama properti CSS dan nilai dari properti tersebut yang dideklarasikan.

Contoh sintaksis declaration pada CSS:

properti: nilai;

Contoh penggunaan declaration pada CSS untuk mengubah warna teks menjadi merah:

color: red;

2. Selector mengidentifikasi elemen HTML yang ingin diatur tampilannya,

Sedangkan declaration berisi properti dan nilai yang akan diterapkan pada elemen yang dipilih. Berikut adalah contoh sintaks CSS sederhana:

selector {
  properti: nilai;
}

Contoh penggunaan sintaks CSS untuk mengatur tampilan teks pada elemen <h1> sebagai berikut:

h1 {
     color: blue;
     font-size: 44px;
     font-weight: bold;
}
p {
    color: green;
    font-size: 44px;
    font-weight: bold;
}

Dalam contoh ini, ‘h1’ dan ‘p’ adalah selector, sedangkan “color”, “font-size”, dan “font-weight” adalah properti, dan “blue”, “green”, “44px”, dan “bold” adalah nilai. Ini akan mengubah tampilan teks pada semua elemen <h1> dalam halaman web menjadi teks berwarna biru dan P mempunyai perbedaan warna yaitu hijau dengan ukuran font 44 piksel dan font tebal, Berikut hasilnya: Placeholder