CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengatur tampilan dan gaya sebuah halaman web. Jika HTML berfungsi untuk membuat struktur atau kerangka halaman, maka CSS-lah yang bertugas mempercantik tampilannya — seperti warna, ukuran huruf, jarak antar elemen, hingga tata letak. Dengan CSS, sebuah website dapat terlihat menarik, rapi, dan nyaman dilihat di berbagai perangkat.
🎨 Fungsi dan Manfaat CSS
CSS memiliki banyak fungsi penting dalam dunia web, di antaranya:
- Mengatur tampilan halaman – CSS bisa mengubah warna latar belakang, font, margin, border, dan sebagainya.
- Membuat desain responsif – Desain web dapat menyesuaikan ukuran layar (desktop, tablet, atau ponsel) menggunakan media query.
- Memisahkan konten dan tampilan – Dengan CSS, file HTML hanya berisi struktur, sedangkan file CSS mengatur tampilannya. Ini membuat kode lebih rapi dan mudah dikelola.
- Efisiensi waktu dan konsistensi – Satu file CSS bisa digunakan di banyak halaman web, sehingga gaya antarhalaman tetap seragam dan mudah diperbarui.
⚙️ Cara Kerja CSS
CSS bekerja dengan cara “menargetkan” elemen HTML, lalu memberikan aturan gaya padanya.
Contohnya:
<p class="teks">Halo, ini contoh teks!</p>
<style>
.teks {
color: blue;
font-size: 20px;
text-align: center;
}
</style>
Pada contoh di atas, CSS memberi warna biru, ukuran huruf 20 piksel, dan membuat teks berada di tengah.
Ada tiga cara menuliskan CSS:
- Inline CSS → ditulis langsung pada tag HTML.
- Internal CSS → ditulis di dalam tag
<style>pada file HTML. - External CSS → ditulis di file terpisah (misalnya
style.css) lalu dihubungkan ke HTML dengan tag<link>.
🚀 Kesimpulan
CSS merupakan komponen penting dalam pembuatan website modern. Tanpa CSS, tampilan halaman web akan terlihat polos dan membosankan. Dengan menguasai CSS, seseorang dapat menciptakan desain web yang menarik, responsif, dan profesional. Oleh karena itu, belajar CSS adalah langkah penting bagi siapa pun yang ingin menjadi web developer.