Langsung ke konten utama

3.1 Belajar CSS [ Pengenalan CSS ]

Apa itu CSS??

CSS (Cascade Style Sheet) adalah sebuah bahasa untuk mengatur tampilan web sehingga terlihat lebih menarik dan indah. Dengan CSS, kita dapat mengatur layout (tata letak), warna, font, garis, background, animasi, dan lain-lain.

Contoh :
sumber : Petani Kode

Tanpa CSS, website Petani Kode terlihat jelek dan tidak tertata. Sedangkan jika menggunakan CSS, tampilannya jadi lebih bagus dan rapi.

Sejarah dan Perkembangan CSS

Sebelum adanya CSS, tidak ada bahasa yang dipakai untuk memberikan style pada dokumen (web). Tampilan web terasa hambar dan kurang tertata. 
Ide awal tentang style sheet di browser bukan sesuatu yang baru. Pada tahun 1990, Tim Berners-Lee membuat web browser bernama NeXT browser/editor. 
Pada browser ini, kita bisa membuat style sheet. Akan tetapi, sintaks style sheet-nya tidak ia publikasikan.
Lalu pada akhirnya, di tanggal :

10 Oktober 1994

Hakon Wium Lie membuat draft proposal bahasa CSS dan mengirimnya ke mailist www-talk dan www-html.

November 1994

Wium Lie mempresentasikan draft propsal bahasa CSS (Cascading HTML Style Sheets) di acara Web Conference di Chicago.
Orang pertama yang merespon proposal ini adalah Bert Bos. Ia saat itu sedang mengembangkan browser bernama Argo. Kemudian ia memutuskan untuk bergabung dengan Wium Lie untuk mengembangkan CSS.

April 1995

Draft bahasa CSS dipresentasikan lagi pada acara WWW Conference. Pada acara ini Wium Lie bertemu langsung dengan Bert Bos.

Bert Bos membawakan presentasi tentang dukungan CSS pada Argo dan Wium Lie menampilkan demo Arena Browser yang sudah ia modifikasi agar mendukung penggunaan CSS.

Mei 1995

Implementasi bahasa CSS mulai dikerjakan. Pada bulan ini mail list (group) baru bernama www-style dibuat. Mai list menjadi tempat diskusi pengembangan CSS.

17 Desember 1996

CSS versi pertama atau CSS 1 akhirnya dirilis.

Mei 1998

CSS veri kedua atau CSS 2 dirilis. Pada versi ini ditambahkan dukungan media output.

Perkembangan Versi CSS

Sejak awal dirilis, CSS memiliki beberapa versi:

  1. CSS 1 (1996): adalah versi pertama (17 Desember 1996)
  2. CSS 2 (1998): adalah versi ke-2 (Mei 1998)
  3. CSS 2.1 (2011): dirilis pada 7 juni 2011
  4. CSS 3 (2012): versi yang banyak digunakan saat ini.

Sintaks dasar di tiap versi sama. Hanya saja ada beberapa perbedaan properti. Ada yang ditambahkan, ada yang dikurangi atau dihapus.

Contoh:

Pada CSS 2, kita tidak bisa menggunakan properti "animation" karena properti ini belum ada di versi 2. Adanya di CSS 3.


~ Terima Kasih ~

Komentar