STYLING WITH CSS

CSS (Cascading Style Sheets) = adalah bahasa yang digunakan untuk mengatur tampilan dan tata letak elemen HTML.

• HTML → menentukan apa isi/struktur halamannya.
• CSS → menentukan bagaimana penampilannya

Contoh HTML:

<h1>Hello World</h1>
<p>Ini adalah paragraf.</p>

Tanpa CSS, browser akan menampilkan elemen tersebut menggunakan style bawaan browser

Kemudian kita bisa memberikan CSS:

h1 { color: blue; font-size: 40px; } p { color: gray; }

Hasilnya, h1 menjadi biru dengan ukuran 40px dan paragraf menjadi abu-abu

1. Cara Kerja CSS

CSS pada dasarnya bekerja dengan pola:

selector { property: value; }

Contohnya:

p {
  color: blue;
  font-size: 20px;
}

Cara kerjanya:

• p → memilih elemen <p>
• color → menentukan warna teks
• blue → nilai warna yang diberikan
• font-size → mengatur ukuran teks

Jadi browser membaca HTML, mencocokkan elemen dengan selector CSS, lalu menerapkan property dan value yang sesuai.

Contoh HTML:

<p>Hello World</p>

CSS:

p {
  color: red;
}

Hasilnya, teks Hello World ditampilkan berwarna merah.