Tutorial CSS Dasar #1: Mengenal Apa Itu CSS dan Sejarah Perkembangannya
Assalamualaikum Wr, Wb Kawan-kawan developer semua! Setelah kemarin kita udah puas ngebahas pondasi dasar HTML dari membuat teks, link, sampai nampilin gambar, sekarang saatnya kita buka lembaran baru di pilar kedua web programming, yaitu CSS (Cascading Style Sheets).
Gua sengaja misah pembahasan ini biar kalian yang baru belajar gak pusing. Di artikel nomor #1 ini, kita gak bakal langsung pusing ngetik kodingan desain yang ribet. Kita bakal kenalan dulu sama apa itu CSS, kenapa dia diciptakan, dan gimana sejarahnya dari zaman purba sampai secanggih sekarang. Biar apa? Biar kalian tahu esensinya dan makin sayang sama bahasa yang satu ini, bro! Yuk, simak ceritanya!
🤔 Apa Itu CSS dan Kenapa Dia Penting?
Secara singkat, CSS singkatan dari Cascading Style Sheets. Kalau HTML tugasnya buat bikin kerangka atau struktur website (kayak tulang manusia), nah CSS ini tugasnya sebagai baju, kulit, makeup, dan gaya rambutnya, bro!
Sebelum ada CSS, orang-orang zaman dulu ngedesain warna dan ukuran teks langsung di dalam tag HTML. Kebayang gak kalau website lu punya 100 halaman, terus lu mau ngubah warna background-nya? Lu harus ubah satu-satu tag HTML di 100 halaman itu. Gak efisien dan bikin jempol keriting! Di sinilah CSS lahir sebagai penyelamat untuk memisahkan konten (HTML) dengan desain (CSS).
🕰️ Garis Waktu: Sejarah Perkembangan CSS
Perjalanan CSS sampai bisa bikin website modern yang estetik kayak sekarang itu panjang banget, bro. Ini dia linimasa sejarahnya yang wajib kalian tahu:
1. Lahirnya Konsep CSS (1994)
Konsep CSS pertama kali diusulkan oleh seorang pria jenius bernama HÃ¥kon Wium Lie pada 10 Oktober 1994. Saat itu dia sedang bekerja di CERN (tempat lahirnya WWW bersama Tim Berners-Lee). Dia gelisah melihat HTML mulai berantakan karena dicampur aduk dengan tag dekorasi visual.
2. CSS 1 (1996) – Generasi Pertama
Dua tahun setelah diusulkan, W3C (World Wide Web Consortium) resmi merilis rekomendasi **CSS Level 1** pada Desember 1996. Kemampuannya masih sangat basic banget, kawan. Cuma bisa mengatur font, warna teks, background, dan text alignment (rata kiri/kanan). Tapi ini adalah langkah awal yang merubah sejarah web.
3. CSS 2 (1998) – Era Fitur Baru
Gak butuh waktu lama, pada Mei 1998 dirilis **CSS Level 2**. Di versi ini, kemampuannya di-upgrade total. CSS mulai bisa mengatur posisi elemen (positioning seperti absolute, relative), fitur z-index (tumpukan elemen), hingga media types (mengatur tampilan khusus saat halaman website dicetak/print).
4. CSS 2.1 (2011) – Versi Paling Stabil di Eranya
Proses standarisasi CSS sempat berjalan lambat karena bentrok antar browser (ingat era perang Internet Explorer vs Netscape?). Akhirnya, W3C merilis **CSS 2.1** untuk memperbaiki bug-bug parah di versi sebelumnya. Versi inilah yang menjadi standar baku website-website jadul di tahun 2000-an.
5. CSS3 (1999 - Sekarang) – Era Modern & Modular
Nah, ini dia versi yang kita nikmati sekarang. Berbeda dengan pendahulunya, **CSS3** tidak dirilis sekaligus sebagai satu kesatuan dokumen besar. W3C memecah CSS3 menjadi modul-modul kecil yang berkembang sendiri-sendiri secara dinamis.
Fitur-fitur gokil di era CSS3 inilah yang bikin website zaman sekarang interaktif banget, contohnya:
- Animasi & Transisi: Bikin elemen bisa bergerak mulus tanpa bantuan JavaScript atau Flash lagi.
- Border Radius & Box Shadow: Bikin sudut kotak jadi melengkung dan punya efek bayangan estetik.
- Flexbox & Grid System: Membuat tata letak (layout) website jadi sangat responsif saat dibuka di HP maupun laptop.
Kesimpulan
Sekarang kalian udah tahu kan kalau CSS itu diciptakan bukan buat gaya-gayaan doang, tapi buat mempermudah hidup kita sebagai web developer dalam mengelola tampilan web agar tetap rapi, konsisten, dan cepat diakses.
Di tutorial selanjutnya (Tutorial CSS Dasar #2), kita bakal langsung masuk ke teknis dan belajar tentang 3 Cara Mudah Memasang CSS di File HTML kalian. Jadi, pastikan laptop dan text editor kalian udah standby ya!
Kalau kalian punya pertanyaan atau pendapat tentang sejarah CSS ini, langsung aja tumpahin di Kolom Komentar di bawah. Mari kita diskusikan bareng-bareng!
Wassalam.
Posting Komentar untuk "Tutorial CSS Dasar #1: Mengenal Apa Itu CSS dan Sejarah Perkembangannya"