Apa itu CSS?
CSS singkatan dari Cascading Style Sheets.
CSS digunakan untuk mengatur tampilan halaman web yang dibuat dengan HTML. Kalau HTML ibarat kerangka tubuh, maka CSS itu pakaian dan gaya rambutnya. Jadi, CSS membuat website jadi lebih menarik, rapi, dan enak dilihat.
Fungsi CSS
- Mengatur tampilan: warna teks, ukuran huruf, jenis font, background, jarak antar elemen, dll.
- Membuat layout: menata posisi elemen, misalnya header di atas, sidebar di samping, dan konten di tengah.
- Responsif: menyesuaikan tampilan agar bagus di layar HP, tablet, maupun laptop.
- Membedakan style: dengan CSS, kita bisa bikin satu file untuk mengatur style banyak halaman HTML sekaligus.
Cara Penulisan CSS
Ada tiga cara menulis CSS:
- Inline CSS → ditulis langsung di tag HTML.
-
<p style="color: red;">Teks ini merah</p> - Internal CSS → ditulis di dalam tag
<style>pada file HTML. -
<style> p { color: blue; } </style> - External CSS → ditulis di file terpisah
.css, lalu dihubungkan ke HTML. -
<link rel="stylesheet" href="style.css">