Materi 2: CSS Styling

CSS digunakan untuk mempercantik tampilan web dengan mengatur warna, font, layout, dan desain visual.

1. Apa itu CSS?

CSS = Cascading Style Sheets. Fungsinya buat ngatur tampilan web biar gak polos.

Analogi: Kalau HTML itu kerangka rumah, CSS itu cat tembok, warna sofa, sama hiasannya.

h1 { color: blue; font-size: 30px; }

2. 3 Cara Pasang CSS

3. Selector Dasar

Selector Fungsi Contoh
p Pilih semua tag p p { }
.nama-class Pilih class="nama-class" .judul { }
#nama-id Pilih id="nama-id" #header { }

Demo CSS

Kotak ini udah dikasih background gradient + padding + rounded corner pake CSS
Tips: Urutan prioritas CSS: Inline > Internal > External.