Kelebihan dan Kekurangan dari CSS

CSS atau Cascading Style Sheets merupakan sebuah kumpulan dari perintah yang akan digunakan untuk mendesain sebuah tampilan sebuah halaman yang ada di situs website dalam mark-up language. CSS sendiri dibuat dan juga dikembangkan oleh World Wide Web Consortium atau (W3C) sejak tahun 1996, dengan alasan yang sangat sederhana.

Sadarkah kalian bahwa HTML dan juga CSS memiliki keterkaitan yang sangat erat? Ya, hal yang satu ini karena HTML merupakan bahasa Mark-up atau yang menjadi pondasi dari sebuah situs dan CSS yang berperan untuk memperbaiki tampilan yang ada pada situs bola tangkas tersebut. Maka dari itu HTML dan juga CSS harus berjalan secara beriringan. Hal ini juga yang menjadi alasan dibaliknya pencipta dari CSS oleh W3C yang mana HTML tidak dilengkapi oleh tags yang berfungsi untuk memberi format halaman.

Fungsi dari CSS

Berikut ini beberapa fungsi dari CSS. berikut diantaranya.

  • Mempercepat Proses Desain

Dengan menggunakan CSS kalian tidak perlu menyalin satu persatu file ke setiap file per halaman. Kalian cukup mengetikkan satu kali fungsi CSS kemudian menggunakannya di berbagai halaman HTML. Fungsi CSS yang kalian buat dalam satu file dapat kalian panggil ke berbagai halaman web tanpa harus menyalin baris kode fungsi berkali-kali.

  • Halaman Lebih Cepat Dimuat

Dengan menggunakan CSS, kalian hanya cukup menulis satu aturan CSS dan menerapkannya di berbagai file yang membutuhkannya hanya dengan memanggilnya. Jadi satu file hanya mengandung sedikit baris kode yang dimuat. Nah, sedikit baris kode inilah yang akan membuat proses download menjadi lebih cepat.

  • Proses Pemeliharaan Mudah

Dengan menggunakan CSS kalian cukup mengubah fungsi style di file CSS maka seluruh tampilan yang menggunakan fungsi tersebut akan berubah secara otomatis.

  • Style Lebih Beragam Dibanding HTML

CSS mempunyai atribut lebih beragam dibandingkan dengan HTML. Hal ini akan membuat kalian mempunyai lebih banyak pilihan tampilan halaman website.

  • Kompatibel dengan Berbagai Macam Perangkat

CSS memungkinkan konten yang dibuat dapat dioptimasi di lebih dari satu perangkat. Misalnya ketika memproses sebuah dokumen. Dengan menggunakan CSS tampilan dokumen di perangkat versi lama sekaligus di versi yang baru dapat disesuaikan.

  • CSS Menjadi Standar Pengembangan Website

Tampilan CSS yang lebih menarik membuat kebanyakan browser populer mendukung CSS, dan hal ini juga membuat hampir seluruh website menggunakan CSS di dalamnya.

Macam-macam CSS

Berikut ini ada beberapa macam dari CSS yang sering kali digunakan oleh para web designer :

  • Inline Style Sheet

Inline style sheet adalah CSS dengan perintah pemrograman yang letaknya itu berada pada objek. Misalnya ketika kalian ingin merubah sebuah tulisan pada laman tertentu di website, inline style sheet CSS harus menempel pada elemen tulisan tersebut. Untuk menerapkan inline style sheet cukup dengan menambahkan tag<style> saja.

  • External Style Sheet

External style sheet terletak berbeda dengan laman yang akan diubah. Cara ini lebih praktis daripada inline style sheet karena bisa menghemat ruang dan bisa digunakan berulang-ulang untuk laman web yang berbeda.

Tanda CSS tipe ini adalah tag <link rel>. Tag tersebut akan menghubungkan halaman coding pada external style sheet CSS yang terpisah.

  • Embedded Style Sheet

Embedded style sheet sama seperti inline style sheet, sama-sama berada pada satu laman coding. Hal inilah yang menyebabkan embedded style sheet terkadang disebut dengan internal style sheet.

Biasanya CSS ini diapit oleh tag <head> </head> dan diawali dengan tag <style>. Embedded style sheet sering digunakan untuk mengatur laman web dengan tampilan yang unik. Misalnya dalam satu paragraf tulisan ada kalimat yang berbeda dan hal tersebut terus berulang.

Kelebihan dan Kekurangan dari CSS

Meskipun sejak awal penciptaannya hingga saat ini CSS telah mendapatkan  penyempurnaan dan juga perkembangan, namun ternyata CSS juga memiliki beberapa kelebihan dan juga kekurangan, berikut diantaranya.

How To Style the Body of a Website With CSS | DigitalOcean
  1. Kelebihan dari CSS

Berikut ini beberapa kelebihan serta beberapa penjelasan mengenai kelebihan tersebut. Berikut diantaranya.

  • Mudah untuk dipelajari
  • Menghemat penulisan kode, karena dalam satu perintah CSS bisa dipakai beberapa kali,
  • Hemat waktu dalam pengerjaannya, saat membuka maupun memodifikasi halaman web tersebut.
  • File CSS terpisah, sehingga ukuran yang ada di file HTML jadi lebih kecil.
  • CSS menjadi pemisah dari konten yang ada di web dan desainnya.
  • Dapat mengatur desain seefisien mungkin.

Penjelasan mengenai kelebihan dari CSS : Suatu halaman website dimana menggunakan font times new roman untuk tulisannya, dan warnanya coklat semua. lalu suatu hari kita bosan dengan warna coklat dan ingin mengganti ke warna hitam, kita harus merubah satu per satu halaman website kita dan merubah warna font dari coklat menjadi hitam.

Dengan menggunakan perintah css di website, jika kita ingin mengganti semua warna huruf di halaman website atau blog,  kita cukup merubah satu baris kode css saja untuk merubah warna font di semua halaman web/blog dari coklat ke hitam.

Jadi keuntungan CSS terutama lebih praktis dalam perubahan tampilan web. CSS mampu memisahkan desain dengan konten halaman web. Selain itu kelebihan CSS lainnya adalah lebih cepat diakses daripada menggunakan atribut pada html. Lebih cepat lebih baik bukan? CSS menghadirkan sesuatu yang tidak dapat dilakukan oleh HTML. Itu tadi kelebihan/keunggulan menggunakan CSS.

Kekurangan dari CSS

Berikut ini ada beberapa kekurangan dari CSS dan juga beberapa penjelasan mengenai kekurangan tersebut. Berikut diantaranya.

  • Tidak semua web browser bisa mengartikan perintah-perintah dari CSS
  • Desain yang sudah dibuat terkadang terlihat rapi di suatu browser, tetapi malah acak-acakan di browser lainnya.

Penjelasan mengenai kekurangan CSS : Tidak semua browser dapat mengartikan kode CSS dengan cara yang sama. Artinya terdapat browser yang tidak support CSS (browser lama). Jadi terkadang tampilan web/blog dengan CSS terlihat baik di browser mozilla firefox tapi berantakan di browser  internet explorer, dll. Oleh karena itu kalian harus memeriksa tampilan situs kalian di masing-masing browser dan menyesuaikannya supaya terlihat baik di semua browser dan menambahkan kode-kode khusus browser tertentu jika memang dibutuhkan agar tampilan web kalian terlihat baik di semua browser.

Selain itu kekurangan CSS adalah pembuatannya lumayan lama dalam arti pemberian selektor div, id, class,dll. Tetapi selanjutnya akan mudah jika ada perubahan dari halaman website. Namun sebenarnya kekurangan-kekurangan yang ada di CSS itu dapat diatasi dengan script-script yang khusus atau yang disebut CSS hack.

Pada CSS Terdapat Beberapa Tag yang Perlu diketahui antara lain 

Selector adalah  sebuah  tag  HTML  yang  akan  dikenai style CSS. Selector digunakan untuk menunjukkan  bagian  mana  yang  hendak  diatur  /  diformat. Properti  untuk menunjukkan, bagian (properti) dari selector yang hendak diatur. Value adalah nilai dari pengaturannya.