CSS, atau Cascading Style Sheets adalah bahasa pemrograman yang digunakan untuk mengatur tampilan dan format dari dokumen HTML.
Fungsi CSS dapat menentukan warna, ukuran teks, layout, dan banyak elemen desain lainnya untuk menciptakan pengalaman visual yang menarik bagi pengunjung website.
Dalam artikel ini, kita akan membahas secara lebih mendalam tentang CSS. Jadi, simak sampai akhir artikel, ya!
Apa Itu CSS?
CSS adalah kepanjangan dari Cascading Style Sheets, sebuah bahasa pemrograman yang digunakan dalam pengembangan web untuk mengatur tampilan dan format dari dokumen HTML.
Dengan menggunakan CSS, kamu dapat mengontrol aspek visual dari sebuah halaman web, seperti warna, ukuran teks, layout, dan tampilan lain.
CSS bekerja secara terpisah dari HTML, sehingga memudahkan dalam mengubah tampilan keseluruhan website dengan cepat dan efisien tanpa perlu takut error.
Apa Perbedaan CSS dengan HTML?
Agar lebih mudah, kami berikan perbandingan CSS dengan HTML dalam bentuk tabel:
|
Perbedaan |
CSS |
HTML |
| Function | Digunakan untuk mengatur tampilan dan format halaman website lebih menarik | Digunakan untuk membuat struktur dan konten halaman website |
| Main Task | Mengatur tampilan dan gaya elemen-elemen HTML | Menyusun struktur dan menentukan elemen-elemen halaman website seperti tulisan, heading dll. |
| Syntax | Menggunakan aturan dan properti khusus | Menggunakan tag dan atribut |
| Hierarchy | Tidak memiliki hierarki, gaya dapat diterapkan pada elemen apa pun | Memiliki struktur hierarkis dengan elemen anak dan turunannya |
| Cascade | Menggunakan prinsip kaskade, aturan CSS dapat ditumpuk dan elemen mewarisi gaya dari elemen di atasnya | Tidak berlaku, gaya ditentukan secara langsung pada elemen |
| Roles | Mengontrol tampilan visual, seperti warna, font, layout, dan efek visual | Menentukan elemen-elemen seperti teks, gambar, link, dan paragraf |
| Interaction | Membutuhkan HTML sebagai dasar struktur untuk menerapkan gaya | Membutuhkan CSS untuk memberikan tampilan dan gaya pada elemen-elemen |
CSS dan HTML memiliki peran yang berbeda dalam pengembangan website.
HTML digunakan untuk menyusun struktur dan konten halaman web, sementara CSS digunakan untuk mengatur tampilan dan gaya elemen-elemen HTML.
Keduanya saling melengkapi untuk menciptakan pengalaman website menarik. Pada artikel yang lain, kamu juga telah mengulas perbedaan HTML, CSS, dan JavaScript yang barangkali kamu butuhkan.
Bagaimana Cara Kerja CSS?
Secara default, CSS memakai bahasa Inggris sederhana berbasis syntax. Selanjutnya CSS didukung dengan berbagai rules yang mengaturnya.
Keberadaan HTML ini pada dasarnya dirancang semata-mata untuk mendeskripsikan konten. Yang kemudian dibantu dengan keberadaan CSS yang memberikan sedikit sentuhan modifikasi.
Kombinasi kinerja keduanya dapat memaksimalkan tampilan website seperti yang Sahabat Qwords inginkan.
Struktur CSS cukup sederhana, sehingga pengaplikasiannya pun cukup mudah. Di dalam struktur CSS ini terdiri dari selector dan declaration block.
Dalam hal ini kamu dapat memilih elemen yang diinginkan kemudian dapat juga melakukan deklarasi terhadap elemen tersebut.
Selector bekerja mengarahkan elemen ke HTML yang akan diubah penampilannya. Declaration block bekerja memisahkannya dengan tanda titik koma.
Apa Saja Jenis CSS?
1. Inline Style Sheet
Jenis CSS pertama yang kerap kali digunakan adalah Inline Style Sheet, CSS tipe ini biasa diterapkan langsung pada object yang ingin dirubah tampilannya.
Misalnya, seperti teks biasa yang ingin dirubah warnanya. Penggunaan CSS jenis ini hanyamembutuhkan penambahan tag