Pengenalan CSS

Apa Itu CSS ?

     CSS merupakan singkatan dari Cascading Style Sheets yaitu bahasa yang digunakan untuk memperbagus tampilan website. Dengan menggunakan CSS, kamu bisa mengatur font, tulisan, gambar, warna dan background sebuah website. CSS dapat digunakan bersama bahasa html dan xml.

     Dengan adanya CSS, lebih memudahkan web developer dalam mengembangkan website. Karena jika hanya menggunakan html, website diibaratkan seperti manusia tanpa busana. Nah dengan adanya CSS, maka seperti manusia yang mengenakan busana agar lebih menarik. 

Sejarah CSS

     CSS pertama kali diusulkan oleh Håkon Wium Lie pada 10 Oktober 1994, Lie saat itu bekerja di organisasi yang sama dengan Tim Berners-Lee, yaitu CERN (Oranisasi Eropa untuk Riset Nuklir).

     Pada tahun tersebut beberapa bahasa style sheet diusulkan dan didiskusikan dengan World Wide Web Cosortium sehingga menghasilkan CSS (CSS1) yang dirilis pada thaun 1996. Håkon Wium Lie adalah seorang pelopor web asal Norwegia yang mendapatkan gelar MS dalam Studi Visual pada tahun 1991. Pada 17 Februari 2006, ia berhasil mempertahankan tesis PhD-nya di Universitas Oslo, tesis tersebut menjelaskan latar belakang asal-usul CSS dan dasar pemikriannya.

     Sejak tahun 1998, ia menjabat sebagai CTO di Opera Software, perusahaan yang mengembangkan Opera Browser. Style sheet sudah ada dengan berbagai bentuk sejak awal kemunculan Standard Generalized Markup Language (SGML) pada tahun 1996. CSS dibuat khusus untuk style sheet web. Sejak tahun 1997, CSS dikembangkan oleh kelompok kerja CSS (CSS Working Group) yang dibuat oleh World Wide Web Cosortium (W3C).

Fungsi CSS

     Selain memiliki fungsi untuk memperbagus tampilan website, CSS juga memiliki beberapa fungsi lainnya. Berikut ini adalah beberapa fungsi dari CSS

- Mempercepat Loading Website

     CSS juga memiliki fungsi agar loading pada website lebih cepat. Karena kamu bisa menuliskan codingan yang bisa digunakan untuk beberapa website. 

- Memudahkan dalam Pengelolaan Kode

     Memudahkan dalam Pengelolaan Kode maksudnya bagaimana ? Maksudnya adalah dengan menggunakan CSS, kamu akan lebih mudah mengelola kodingan untuk website. Contohnya jika kamu ingin mengubah tampilan background nya, maka yang perlu kamu edit adalah codingan pada file CSS nya bukan codingan pada file html nya.

- Membuat Codingan Lebih Tersusun Rapi

     Mengapa jika menggunakan CSS lebih rapi ? Karena file untuk codingan CSS dengan file codingan html berbeda. Contohnya seperti codingan dibawah ini

.hijau {
  color: green;
  background-color: red;
}
.biru {
  color: blue;
  background-color: black;
}
.red {
  color: red;
  background-color: yellow;
}

<p class="hijau">Ini warna hijau</p>
<p class="biru">Ini warna biru</p>
<p class="red">Ini warna merah</p>

- Memperbagus Tampilan Website

     Nah yang paling diketahui oleh banyak orang adalah CSS berfungsi untuk memperbagus tampilan website. Karena dengan CSS, kamu bisa mengubah font, gambar, warna, background, tata letak dan sebagainya.

- Membuat Website Responsive

     Fungsi yang paling penting adalah dapat membuat website menjadi responsive. Apa itu responsive ? Responsive merupakan sebuah tampilan yang dimana ketika pengunjung menggunakan handphone android dengan pengunjung yang menggunakan komputer itu memiliki tampilan yang sama atau bisa kita bilang tampilan yang menyesuaikan perangkat yang digunakan oleh si pengunjung.

Sekian materi yang kita pelajari kali ini. Selanjutnya kita akan membahas Cara Menghubungkan Html dengan CSS. Sekian terimakasih.