Prodi Teknik Informatika UNPAS – CSS merupakan salah satu bahasa pemograman yang khusus digunakan untuk mendesain atau memperindah tampilan website , pada arikel ini IF UNPAS akan membahas mengenai apa itu CSS ?, Pengertian, sejarah, dan bagaimana cara kerjanya.
Pengertian CSS
CSS merupakan singkatan dari Cascading Style Sheets, CSS digunakan untuk menentukan gaya dari tampilan website yang akan kamu buat seperti tata letak halaman, warna , dan font. Semuanya dapat ditentukan oleh CSS, CSS bertujuan agar website terlihat lebih menarik.
Pada dasarnya tanpa menggunakan CSS, tampilan website dapat terlihat menarik hanya dengan bahasa HTML namun penggunaan HTML terbukti tidak efektif jika digunakan untuk design tampilan oleh karena itu CSS dan HTML tidak dapat dipisahkan satu sama lain.
Sejarah singkat bahasa pemrograman CSS
CSS pertama kali diusulkan oleh Håkon Wium Lie pada 10 Oktober 1994, pada saat itu, Lie sedang bekerja dengan Tim Berners-Lee di CERN. beberapa bahasa style sheet lain untuk web diusulkan pada waktu yang hampir bersamaan, dan pada World Wide Web Consortium menghasilkan Rekomendasi W3C CSS (CSS1) pertama yang dirilis pada tahun 1996.
Kelebihan dan Kekurangan bahasa pemrograman CSS
Berikut merupakan kelebihan dan kekurangan Bahasa pemograman CSS
Kelebihan bahasa pemrograman CSS
- Bahasa CSS sangat fleksibel digunakan dan nyaman dipandang
- Ukuran File CSS cenderung kecil sehingga bandwidth yang dibutuhkan juga kecil
- Dokumen CSS dapat dipisah dengan Dokumen HTML sehingga memudahkan pembuat website dalam mengubah atau mengedit file CSS
- Satu file CSS dapat digunakan oleh banyak halaman.
- Menghadirkan sesuatu yang tidak dapat dilakukan Oleh HTML
Kekurangan bahasa pemrograman CSS
- Tampilan Pada browser bisa berbeda beda
- Kadang ada beberapa browser lawas yang tidak support CSS
- Dibutuhkan waktu yang cenderung lama untuk mendesain dan membuat CSS.
Cara kerja bahasa pemrograman CSS
CSS bekerja saat sebuah browser membuka Halaman Website ,pada saat itu browser harus menggabungkan konten dokumen dengan gaya informasi dalam halaman sebuah situs. CSS memiliki beberapa langkah cara kerja sebagai berikut:
- Load HTML, dalam tahap ini browser memuat HTML
- Parse HTML, Pada tahap ini terjadi penguraian HTML menjadi Document Object Model (DOM) dan memuat CSS.
- Load CSS, pada tahap ini browser memuat tautan seperti gambar atau video lalu CSS dimuatkan dan ditautkan.
- Parse CSS, pada tahap ini terjadi penguraian CSS.
- Render Tree, Penyeleksian tiap CSS yang akan digunakan ke Document Object Model (DOM)
- Display, Setelah semua proses diatas berjalan , proses terakhir ialah CSS dan DOM akan membentuk tampilan visual sebuah halaman situs yang tertampil di layar monitor.
Source :
skillcrush.com/blog/css/
devmountain.com/blog/what-is-css-and-why-use-it/
ageek.dev/css-evolution
calesmart.com/artikel/Apa-Kelebihan-dan-kekurangan-menggunakan-CSS-pada-desain-web_173.html