CSS adalah singkatan dari Cascading Style Sheets, yaitu bahasa yang digunakan untuk mengatur tampilan dan gaya (style) dari elemen-elemen di halaman web yang dibuat dengan HTML.

👉 Sederhananya:
Kalau HTML adalah “tulang dan isi” dari halaman web, maka CSS adalah “baju dan tampilan”-nya.


🧩 Fungsi utama CSS:

  1. Mengatur warna, font, dan ukuran teks
  2. Mengatur tata letak (layout) — posisi elemen, jarak, margin, padding
  3. Menambahkan efek visual — bayangan, animasi, transisi
  4. Membuat tampilan responsif — agar website terlihat bagus di HP, tablet, dan komputer

📘 Contoh sederhana:

HTML:

<h1>Halo Dunia!</h1>
<p>Ini adalah paragraf contoh.</p>

CSS:

h1 {
  color: blue;              /* Warna teks */
  text-align: center;       /* Teks di tengah */
}

p {
  color: gray;              /* Warna teks paragraf */
  font-size: 18px;          /* Ukuran teks */
}

Hasilnya: teks “Halo Dunia!” akan berwarna biru dan berada di tengah, sedangkan paragraf berwarna abu-abu dengan ukuran huruf 18px.

You may also like