Pengenalan CSS

Kenali CSS sebagai lapisan desain di atas HTML.

Pahami konsepnya

CSS (Cascading Style Sheets) adalah bahasa lembar gaya untuk mendandani halaman web. Jika HTML membangun rangka, CSS mengecatnya: warna, huruf, jarak, tata letak, hingga animasi — semuanya wilayah CSS. Satu berkas CSS bisa mendandani ratusan halaman sekaligus, sehingga mengganti nuansa situs seluruhnya cukup mengubah satu tempat.

CSS bekerja dengan memilih lalu mengatur: sebuah aturan terdiri dari selector (elemen apa yang dituju) dan deklarasi (properti: nilai apa yang dipasang). Target pemilihannya adalah elemen HTML itu sendiri, atau penanda yang kita pasang — class dan id yang dipelajari di kursus HTML menjadi jembatan utamanya.

Kemampuannya nyaris tak berbatas: mengganti font dan ukurannya, memberi warna serta gambar latar, mengatur jarak dalam-luar elemen, mempercantik tautan dan tabel, sampai menyesuaikan tampilan terhadap ukuran layar (responsive). Kursus ini menulusuri semuanya selangkah demi selangkah.

Coba contoh kode

h1 {
  color: teal;
  text-align: center;
}

Satu aturan utuh: selector h1 menunjuk semua heading level satu, lalu dua deklarasi memasang warna teal dan perataan tengah. Sintaksnya selalu ini — selector, kurung kurawal, properti: nilai; — diulang sepanjang karier CSS-mu.

Latihan singkat

Tulis aturan CSS yang mewarnai semua paragraf abu-abu dan menengahkan semua heading h2.