Mengenal Apa itu CSS

CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk memberikan style dan mempercantik halaman website.

Tanpa CSS, halaman website akan ditampilkan sesuai style bawaan browser, biasanya sederhana dengan warna hitam putih, font yang digunakan serif, dsb.

Style bawaan browser tentu tidak cukup untuk sebuah website karena tidak bisa memberikan identitas website tersebut dan juga terlalu sederhana.

Hampir semua website modern di internet pasti menggunakan style CSS, karena website membutuhkan identitas, tampilan yang menarik, dan interaktivitas.

Fungsi CSS

CSS memiliki beberapa fungsi:

1. Memberikan style pada halaman website.
2. Memberikan style pada elemen di halaman website.
3. Mengatur layout (tata letak) halaman website.
4. Memberikan warna pada halaman website.
5. Membuat animasi, interaksi, dan transisi di halaman website
6. dll.

Intinya, CSS digunakan untuk membuat website menjadi lebih cantik, rapi, dan interaktif.

Manfaat CSS

CSS memiliki beberapa manfaat untuk sebuah website:

1. Memberikan identitas sebuah website.
2. Membuat website menjadi lebih menarik dengan warna, background, dll.
3. Meningkatkan kualitas website dengan tata letak yang baik.
4. Memungkinkan website untuk tampil adaptif di semua perangkat.
5. Meningkatkan pengalaman pengunjung dengan animasi, interaksi, dan transisi.
6. dll.

Manfaat CSS akan dirasakan oleh pengunjung website, adapun mesin pencari tidak terlalu mementingkan style pada halaman website.

Cara Kerja CSS

1. CSS bekerja dengan dihubungkan ke sebuah dokumen HTML. CSS bisa ditulis langsung di dokumen HTML bisa juga dibuat sebuah file khusus untuk CSS.
2. Setelah terhubung, ketika browser membuka dokumen HTML, browser juga akan membaca kode CSS.
3. Di dalam CSS terdapat selector, yaitu cara untuk memilih elemen mana di HTML yang mau diberikan style.
4. Di dalam selector didefinisikan apa saja style-nya, misalnya warna teksnya apa, background-nya bagaimana, posisinya di mana, dst yang disebut dengan property dan value.
5. Browser akan membaca selector, property dan value kemudian mengaplikasikannya ke dokumen HTML yang kemudian akan menjadi website yang utuh dengan style yang diterapkan.

Itu adalah cara kerja CSS secara sederhana, tentu di balik layar cara kerjanya melibatkan proses teknsi yang lebih panjang dan rumit.