Ketika Anda ingin mulai membuat suatu website, salah satu istilah yang wajib diketahui adalah CSS. Jika tak ada CSS, tampilan website akan terlihat kurang merarik dengan begitu perlu upaya lebih untuk melakukan perubahan pada elemen tampilan tersebut. Tahukah, kalian apa itu CSS dalam dunia digital? Bagaimana fungsi dan jenis dari CSS? Mari kita simak dan ketahui bersama-sama pada artikel berikut!
Pengertian Cassading Style Sheet (CSS)
Cassading Style Sheet merupakan bahasa yang digunakan untuk menentukan bagaimana tampilan dan format halaman pada suatu website. Dengan adanya CSS, Anda dapat mengatur beberapa fitur seperti jenis huruf (font), warna tulisan, serta latar belakang halaman. Untuk membangun suatu website yang menarik dan berfungsi dengan baik, maka CSS dijalankan menggunakan bahasa markup, contohnya seperti HTML dan XML.
Perlu diketahui, bahwa CSS diciptakan dan dikembangkan oleh World Wide Web Consortium (W3C) pada tahun 1996 dengan latar belakang dan alasan yang sederhana. Sebelumnya, HTML tidak dilengkapi dengan tags yang memiliki fungsi untuk memformat halaman dan hanya perlu menulis sebuah markup untuk situs.
CSS dan HTML mempunyai keterikatan yang cukup erat. Mengapa demikian? Hal tersebut dikarenakan HTML merupakan bahasa markup atau fondasi dari sebuah situs dan CSS yang memperbaiki style berupa semua aspek yang berhubungan dengan tampilan website. Oleh karena itu, kedua bahasa pemrograman ini harus berjalan beriringan.
Fungsi Cassading Style Sheet (CSS)
– Memudahkan Dalam Pengelolaan Kode
Adanya CSS memudahkan Anda dalam mengelola tampilan website. Anda tidak perlu mengubah kode pada setiap halaman apabila ingin mengganti atau merubah tampilan website. Misalnya Anda ingin mengganti latar belakang seluruh halaman website, maka Anda cukup mengedit kode CSS tentang latar belakang, maka perubahan itu akan diterapkan pada setiap halaman.
– Mempercepat Loading Halaman Website
Apabila Anda menggunakan CSS dalam mengatur tampilan website, maka akan terjadi peningkatan kecepatan loading website. Anda dapat menuliskan satu rangkaian kode untuk beberapa halaman website secara bersamaan, maka jumlah kode dapat diminimalkan. Dengan demikian, ketika proses loading website bebannya akan lebih ringan.
– Membuat Tampilan Website Rapi dalam Semua Ukuran Layar
CSS dapat membuat tampilan website jadi rapi di semua tampilan layar karena CSS mempunyai berbagai jenis properti untuk mengatur tampilan konten sesuai keinginan pengguna dan kebutuhan layar, contohnya seperti dengan max atau width. Saat mengaplikasikan properti ini merubah ukuran elemen HTML, yang disesuaikan dengan ukuran layar yang digunakan untuk menampilkan website.
– Menawarkan Berbagai Variasi Tampilan
Perlu diketahui, bahwa HTML merupakan bahasa yang bisa digunakan untuk mengatur tampilan halaman pada website namun kemampuannya terbatas. CSS memberikan kemampuan lebih banyak terhadap variasi tampilan. Misalnya, Anda dapat menggunakan CSS sebagai fitur untuk membuat tombol dengan warna yang diinginkan atau membuat menu seperti drop down CSS.
Jenis Cassading Style Sheet (CSS)
CSS dibedakan menjadi 3 jenis berdasarkan penempatan kodenya, yakni Inline, Internal, dan External. Berikut penjelasan dari ketiga jenis CSS:
- Inline CSS
Inline CSS merupakan kode CSS yang tertulis dalam file HTML. Jenis ini hanya mempengaruhi satu baris kode HTM. Perlu diketahui, Inline CSS tidak dapat diterapkan pada semua halaman website sekaligus. Namun, jenis CSS ini digunakan ketika Anda ingin membuat elemen HTML dengan menggunakan format khusus.
- Internal CSS
CSS jenis ini dituliskan pada bagian header file HTML. Berperan untuk menentukan tampilan sebuah halaman. Internal CSS sangat membantu pengguna saat ingin membuat halaman website yang tampilannya berbeda dengan halaman lainnya.
- External CSS
Merupakan kode CSS yang ditempatkan di luar dokumen HTML. Sebagai file yang memiliki format .css. Jenis ini berfungsi untuk mengatur tampilan seluruh halaman website yang ingin ditentukan pengguna. External CSS berguna ketika pengguna ingin mengatur tampilan berbagai halaman sekaligus dan bersamaan.
Tinggalkan Balasan