CASCADING STYLE SHEETS (CSS)

Binar Academy: Bootcamp Online & Kelas Online Bersertifikat

Cascading Style Sheets, atau yang disingkat CSS ini adalah bahasa dalam pemrograman untuk menentukan bagaimana dokumen itu disajikan. CSS berfungsi untuk menjelaskan dan menata tampilan elemen yang tertulis pada bahasa markup, salah satunya adalah HTML. Dalam arti lain, CSS-lah yang menjelaskan bagaimana elemen HTML di balik layar ditampilkan sedemikian rupa di layar website-mu nanti. Baik HTML maupun CSS, keduanya saling melengkapi.

Fungsi dari CSS sendiri antara lain adalah sebagai berikut:

  • Mempercepat proses desain
  • Halaman lebih cepat dimuat
  • Proses pemeliharaan mudah
  • Style lebih beragam dibanding html
  • Kompatibel dengan berbagai macam perangkat
  • CSS menjadi standar pengembangan website

Saat belajar CSS kamu perlu mengetahui tiga macam penempatan CSS yang dapat dipakai ke dalam baris kode HTML, yaitu external, internal, atau inline. Bagian ini akan membahas tiga macam CSS ini dengan lebih detail.

  • Inline CSS adalah penempatan CSS yang langsung dilakukan di dalam konten HTML. Penempatan CSS secara inline hanya akan mempengaruhi satu bagian baris kode.
  • External CSS adalah penempatan baris kode CSS menggunakan file .css. Cara ini dapat digunakan untuk mendeklarasikan sebagian besar pengaturan tampilan website secara keseluruhan. Cara ini lebih sederhana dan simpel daripada menambahkan baris kode di setiap elemen HTML yang ingin Anda atur tampilannya. Jika menggunakan penempatan secara eksternal, Anda harus menambahkan header untuk memanggil file .css di dalam file HTML
  • Internal CSS sekilas mirip dengan inline CSS, yaitu tipe penulisan tanpa file CSS terpisah. Namun di dalam penggunaan CSS secara internal, baris kode HTML dituliskan di bagian atas (header) file HTML. Cara ini akan sangat cocok dipakai untuk menciptakan halaman web dengan tampilan yang berbeda. Dengan kata lain, CSS ini bisa dipakai untuk menciptakan tampilan yang unik.

Setelah mengetahui apa itu CSS perlukah kita mempelajari CSS lebih lanjut? Hal tersebut tak menjadi suatu keharusan sebenarnya, hanya saja berikut disajikan beberapa keuntungan yang akan kita dapatkan jika kita lebih jauh dalam memahami CSS ini.

  • Dapat lebih mudah mengendalikan web
  • Keuntungan lain dari belajar CSS adalah tingkat compatibility yang tinggi. CSS kompatibel dengan kebanyakan browsers dan sangat user-friendly
  • Menguasai CSS bahkan bisa mendapatkan pemasukan tambahan. Anda bisa menjadi seorang freelance web designer atau bahkan menjual jasamu pada pihak yang membutuhkan.
  • Anda bisa membuat bervariasi website tanpa harus menghabiskan waktu untuk belajar ulang.

Menarik bukan manfaat yang akan kita dapatkan? Namun setiap hal pasti memiliki kelebihan dan kekurangan. Berikut adalah kelebihan dan kekurangan yang dimiliki oleh CSS:

Kelebihan

  • CSS sangat mudah dipelajari bahkan untuk pemula sekalipun
  • CSS memisahkan antara Desain dan konten yang ada pada blog / website
  • Pengaturan desain bisa anda tentukan sendiri dengan bebas
  • Multi function – 1 file CSS bisa anda gunakan beberapa kali, jadi anda tidak perlu repot-repot membuat banyak file CSS.
  • Menghemat waktu kamu ketika membuat maupun mengedit halaman web
  • Size memory yang kecil. Karena file css terpisah, membuat ukuran file HTML anda relatif lebih kecil
  • Kekurangan
  • Karena tidak semua browser sama dalam mengartikan CSS, terkadang prosesnya memakan waktu
  • Adanya kemungkinan tampilan yang berbeda antara satu browser, dengan browser yang lainnya