Mengenal CSS: Bahasa Gaya untuk Web Modern
Cascading Style Sheets (CSS) adalah bahasa pemrograman yang digunakan untuk mengatur tampilan dan desain dari halaman web. Jika **HTML** berfungsi sebagai kerangka untuk menampilkan konten (teks, gambar, link, dll.), maka CSS adalah “pakaian” yang membuat tampilan website menjadi lebih menarik, rapi, dan responsif.
Mengapa CSS Penting?
1. **Mempercantik Tampilan**
CSS memungkinkan pengembang untuk mengubah warna, font, ukuran teks, tata letak, hingga animasi. Tanpa CSS, website hanya akan terlihat polos dengan format dasar HTML.
2. **Memisahkan Konten dan Desain**
Dengan CSS, struktur konten (HTML) dan desain visual dipisahkan. Hal ini membuat kode lebih rapi, mudah dikelola, serta mempercepat proses pengembangan.
3. **Responsif untuk Semua Perangkat**
CSS memungkinkan website menyesuaikan tampilannya di berbagai ukuran layar, mulai dari desktop, tablet, hingga smartphone.
Cara Kerja CSS
CSS bekerja dengan **selector** yang digunakan untuk memilih elemen HTML, lalu memberikan **property** dan **value** sebagai aturan gaya.
Contoh sederhana:
“`css
h1 {
color: blue;
text-align: center;
}
p {
font-size: 16px;
line-height: 1.5;
}
“`
Kode di atas akan membuat teks pada tag `<h1>` berwarna biru dan rata tengah, serta paragraf `<p>` menjadi lebih nyaman dibaca.
Jenis Penulisan CSS
1. **Inline CSS** → ditulis langsung di elemen HTML.
2. **Internal CSS** → ditulis dalam tag `<style>` di file HTML.
3. **External CSS** → ditulis di file terpisah `.css` dan dihubungkan dengan HTML melalui `<link>`.
Kesimpulan
CSS adalah elemen penting dalam dunia web modern. Dengan CSS, website tidak hanya menyampaikan informasi, tetapi juga memberikan pengalaman visual yang menarik bagi pengunjung. Penguasaan CSS menjadi dasar yang wajib dikuasai oleh siapa pun yang ingin terjun ke dunia pengembangan web.