Apa itu CSS dan Fungsinya

Apa itu CSS dan Fungsinya

CSS

28

Pada tutorial ini kita akan membahas tentang apa itu CSS dan apa fungsinya dalam halaman website ?. CSS atau (Cascading Style Sheet) adalah salah satu dari bahasa pembangun website yang digunakan untuk memperindah tampilan halaman website dan bukanlah sebuah bahasa pemrograman, karena didalamnya tidak ada sama sekali hal – hal yang berkaitan dengan pemrograman seperti percabangan, perulangan, dan array misalnya. Di dalam CSS hanya terdapat property dan nilai property untuk memberikan style kepada elemen – elemen html agar tampilan website tidak monoton atau hanya kerangkanya saja.

Untuk memperjelas pemahaman tentang apa itu CSS, silahkan perhatikan gambar di bawah ini :

apa itu css dan fungsinyaDengan CSS

apa itu css

Tanpa CSS

tanpa css

Dengan CSS, anda dapat mendesain border, teks, table, jenis huruf, mengatur margin / padding, membuat animasi, membuat gambar 2D / 3D, dan masih banyak lagi yang dapat dilakukan dengan CSS. Umumnya CSS dipakai oleh para Web Designer yang dalam pekerjaannya disebut Frontend – Developer. Ekstensi file CSS adalah *.css. Dan sampai saat ini versi terakhirnya adalah CSS3.

Sejarah CSS

CSS bermula sejak munculnya bahasa SGML pada tahun 1970-an. Sejak kemunculannya tersebut, CSS mengalami perkembangan yang sangat pesat. Format dasar CSS yang banyak kita gunakan saat ini merupakan gagasan dari seorang programmer bernama Hakon Wium Lie yang tertuang dalam proposalnya mengenai Cascading HTML Style Sheet (CHSS) pada bulan oktober 1994 (dalam konferensi W3C di Chicago, Illinois). Kemudian, beliau bersama – sama dengan seorang temannya bernama Bert Bos mengembangkan suatu standard CSS.

Pada akhir tahun 1996, CSS telah resmi dipublikasikan (dan menyusul kemudian CSS level 1 pada bulan Desember). Pengerjaan proyek ini juga didukung oleh seorang programmer bernama Thomas Reardon dari perusahaan software ternama, Microsoft. CSS digunakan oleh penulis maupun pembaca halaman web untuk memperindah tampilan warna, font, layout, dan berbagai aspek tampilan halaman lainnya.

Sekarang penggunaan CSS telah semakin meluas dan terus dikembangkan. Hal ini juga akan mempermudah seorang web designer dalam mengembangkan suatu halaman web (situs).

CSS 1

Pada tanggal 17 agustus 1996 World Wide Web Consortium (W3C) menetapkan CSS sebagai bahasa standard dalam pembuatan web. Tujuannya adalah untuk mengurangi pembuatan tag – tag baru oleh Netscape dan Internet Explorer (browser awal), karena kedua browser tersebut sedang bersaing mengembangkan tag sendiri untuk mengatur tampilan web mereka. CSS 1 mendukung pengaturan tampilan dalam hal :

  1. Font
  2. Warna teks, background, dan elemen lainnya.
  3. Text attributes, misalnya spasi, kata, huruf.
  4. Posisi teks, gambar, table, dan elemen lainnya.
  5. Margin, Border, dan Padding.

CSS 2

W3C menyempurnakan CSS tahap awal dengan menciptakan standard CSS 2 yang menjadi standard hingga saat ini pada tahun 1998. Semua atribut dari CSS 1 dimasukan dan diperluas dengan penekanan pada International Accessbility dan Capacibility khususnya media – specific CSS. CSS 2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer

CSS 3

CSS 3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam mendesain website. CSS 3 dapat melakukan animasi pada halaman website, diantaranya animasi warna dan animasi 3D. Desainnya yang memudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS 3 yakni Multiple background, Border-radius, Drop-shadow, Border-image, CSS-Math, dan CSS Object Model. Berikut fitur terbaru dalam CSS 3

  1. Animasi, sehingga pembuatan animasi tidak memerlukan program sejenis Adobe Flash dan Microsoft Silverlight.
  2. Beberapa efek teks, seperti teks berbayang, kolom koran dan Word Wrap.
  3. Beberapa efek pada kotak, seperti kotak yang ukurannya dapat diubah – ubah, transformasi 2 dimensi dan 3 dimensi, sudut – sudut yang tumpul dan bayangan.

Demikian tutorial dari apa itu CSS dan apa fungsinya dalam website.

Keywords: apa itu css, fungsi css, pengenalan css

Share:



Prev Post: