Apa Itu CSS, Mengenal Cara Kerja dan Contohnya dalam Desain Web
- Capicua
Teknodaily – Apa itu CSS? Cascading Style Sheets atau lebih dikenal CSS adalah bahasa pemrograman stylesheet yang sangat umum dipakai untuk mengatur tata letak dan tampilan elemen dalam HTML di halaman website.
Dibuat pertama kali oleh World Wide Web Consortium (W3C) diakhir 1996, lalu banyak mengalami perubahan dan saat ini semakin populer sebagai salah satu teknologi penting dalam pengembangan web kontemporer.
Dengan adanya CSS, developer dapat membuat halaman web lebih teratur dan gampang dikelola dengan memisahkan konten dari presentasi.
Pengertian Apa Itu CSS
Dilansir dari halaman W3Schools, pengertian CSS atau Cascading Style Sheets merupakan bahasa pemrograman yang dipakai untuk membuat desain sekaligus mengatur tampilan halaman website.
Dengan menggunakan CSS, developer website dapat memisahkan konten dari tampilan, memberikan fleksibilitas pada desain dan tata letak situs web.
CSS memungkinkan para developer untuk menentukan sendiri bagaimana elemen HTML harus ditampilkan, apakah itu di layar, di kertas, atau di media lain.
Cara Kerja CSS
Bagaimana cara kerja CSS
- ThoughtCo
Untuk menjalankannya, CSS memiliki aturan sendiri yang terdiri dari dua bagian utama yakni selector dan declaration.
Selector adalah penentu elemen HTML mana yang akan diterapkan style. Berbeda dengan deklarasi berisikan satu atau lebih property maupun value fungsinya untuk mengatur tampilan dari elemen tersebut.
Contoh Syntax CSS
h1 {
color: blue;
font-size: 24px;
}
Dari contoh di atas, `h1` adalah selector, sedangkan `color: blue; font-size: 24px;` adalah deklarasi. Coding tersebut guna mengatur warna teks `h1` menjadi biru dengan ukuran font-nya menjadi 24 piksel.
Fungsi CSS
Pemisahan Konten dan Presentasi
Fungsi utama memakai CSS adalah membedakan konten dari presentasi dengan HTML untuk menstrukturkan konten dan CSS mengatur tampilan konten sekaligus menjadikan kode HTML lebih bersih dan gampang dibaca.
Meningkatkan Konsistensi
Developer website bisa menerapkan gaya coding yang konsisten di seluruh halaman web dengan CSS. Hanya memakai satu file CSS, style yang sama dapat difungsikan ke halaman HTML yang lain, sehingga tampilannya bisa terlihat profesional.
