Contoh Dasar CSS

Contoh Syntax CSS

Bagian ini digunakan untuk menampilkan bentuk dasar penulisan CSS. Syntax CSS terdiri dari selector { property: value; }

Contoh Selector

Pada bagian ini ditampilkan beberapa jenis selector CSS yang digunakan dalam website, yaitu:

Tag Selector : body
ID Selector : #header
Class Selector : .card
Descendant Selector : .card span

Inline CSS

Bagian ini menunjukkan penggunaan Inline CSS, yaitu CSS yang ditulis langsung pada atribut style di dalam tag HTML.

Contoh:

Teks ini menggunakan Inline CSS.

External dan Multiple Stylesheet

Website ini menggunakan file style.css dan theme.css. Penggunaan multiple stylesheet bertujuan untuk memisahkan aturan desain berdasarkan fungsinya sehingga kode menjadi lebih rapi, mudah dikelola, dan dapat digunakan kembali pada halaman lain.

Comments CSS

Bagian ini menunjukkan cara penulisan komentar dalam CSS menggunakan tanda /* Ini adalah komentar CSS */. Komentar tersebut digunakan untuk memberikan keterangan atau catatan pada kode CSS agar lebih mudah memahami saat proses pembuatan dan pengembangan website.

Link Tugas CSS