Blog yang mengshare tentang komputer, hp, gadget, dan teknologi sekarang

Perbedaan CSS dan CSS3

ADSENSE HERE!


Pada kesempatan kali ini, saya akan berbagi informasi seputar CSS3. Sebelum kita membahas CSS3 terlebih dahulu akan saya paparkan mengenai CSS. Apa itu CSS? CSS (Cascading Style Sheet) adalah salah satu bahasa pemrograman web yang digunakan untuk mengendalikan beberapa komponen dalam sebuah web sehinggan akan terlihat lebih terstruktur dan seragam. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide WebConsortium atau W3C pada tahun 1996.
CSS dikembangkan untuk mengatur gaya tampilan pada web. Pada awalnya CSS dikembangkan pada SSGML pada tahun 1970 dan terus dikembangkann sehingga saat ini CSS telah mendukung banyak bahsa Markup seperti HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozila XUL (XML User Interfaces Language). Mengacu dari bahasa CSS memiliki arti gaya menata halaman bertingkat yang berarti setiap satu elemen yang telah diformat memiliki anak, maka anak dari elemen tersebut secara otimatis mengikuti format elemen induknya.
Dibawah ini saya tuliskan sedikit contoh coding CSS :
<div style=”font-weight: bold”>
<p> Contoh Paragraf dalam DIV dengan style font-weight:bold</p>
<span>Contoh SPAN dalam DIV dengan style font-weight:bold</span>
</div>
<div>
<p> contoh Paragraf dalam DIV tanpa style</p>
<span>Contoh SPAN dalam DIV tanpa style</span>
</div>
Pada bulan Desember tahun 1996 W3C mengenalkan spesifikasi CSS level 1 ataupun dikenal dengan CSS1 yang mendukung format huruf, warna pada teks dan lain-lain. Kemudian pada bulan Mei tahun 1998 W3C mengeluarkan CSS2 yang didalamnya terdapat fungsi pengaturan letak elemen dan saat ini W3C telah memperbaiki serta meningkatkan kamampuan CSS2 menjadi CSS3.
  •  Lalu, apa prngertian  CSS3 itu?
CSS3 merupakan generasi ke-3 dari perkembangan CSS sebelumnya, jadi pada dasarnya pengertian CSS3 sama dengan pengertian CSS generasi sebelumnya hanya saja beberapa standar baru untuk CSS3 menggantikan CSS2 dan mungkin akan membuat kita dapat berkolaborasi lebih dalam lagi untuk membuat tampilan situs lebih menarik dan mulai meninggalkan situs yang membuat kita menunngu dengan loading yang yang lama.
Beberapa kelebihan yang terdapat pada CSS3 :
  • CSS3 lebih detail untuk mendeklarasikan objek yang akan diberikan style. Contohnya didalam objek ‘blockquote’ bisa membuat(quote) diawal dan akhir menggunakan font lebih besar dan konten blockquote itu sendiri.
  • CSS3 kaya akan fitur untuk animasi dan efek untuk text atau objek, yang sebelumnya tidak bisa dilakukan oleh CSS1 dan CSS2.
  • Dengan menggunakan CSS3 situs yang kita buat akan lebih berkembang dan bisa lebih interaktif dengan pengunjung.
  • Bisa mengurangi ukuran file yang di-load dan lebih ringan, secara otomatis mengurangi bandwith inbound/outbound situs.
CSS3 juga memiliki fasilitas untuk shadow (bayangan) dari suatu div layout, fitur transparasi, gradien warna pada border, warna pada teks yang diseleksi, fitur skala untuk memperkecil atau memperbesar layout, kolom pada teks dan fitur gradien pada background.
ADSENSE HERE!

No comments:

Post a Comment

Copyright © Blog Tekno. All rights reserved. Template by CB. Theme Framework: Responsive Design