Perbedaan CSS Dengan CSS3

Mungkin sebagian dari anda ada yang suka ngeblog sudah hafal dan paham dengan namanya CSS tetapi bagi yang awam masih bingung apa perbedaan CSS dengan CSS3. sebulum membahas itu kita bahas dulu pengertiang tentang CSS

Cascading Style Sheet  (CSS)merupakan kumpulan perintah yang dibentuk dari berbagai sumber yang disusun menurut urutan tertentu sehingga mampu mengatasi konfik style. CSS yaitu salah satu bahasa pemrograman web yang mengatur komponen dalam suatu web supaya web lebih terstruktur dan lebih seragam.

CSS seperti halnya styles pada aplikasi  pengolahan kata Microsoft Word yang bisa mengatur beberapa style, misalnya subbab, heading, bodytext, footer, images, dan style lainnya untuk dapat dipakai bersama-sama dalam beberapa file. CSS biasanya digunakan untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS mampu mengatur warna body teks, ukuran gambar, ukuran border, warna mouse over, warna tabel, warna hyperlink, margin kiri/kanan/atas/bawah, spasi antar paragraf, spasi antar teks, dan parameter lainnya. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Kegunaan CSS, antara lain :

•  Mempersingkat penulisan tag HTML : Anda tidak perlu lagi mendefinisikan setiap tag dengan property dan nilai yang sama.
•  Mempercepat proses rendering atau pembacaan HTML karena tidak terdapat pengulangan tulisan.
• Mudah dan cepat dalam me-maintenance : dikarenakan file CSS dibuat secar terpisah , maka Anda tidak perlu merombak semua elemen atau property dalam HTML, cukup mengedit file CSS-nya saja.

 Perbedaan CSS dan CSS3

CSS3 memberikan fitur-fitur yang lebih dibandingkan dengan CSS versi sebelumnya.tapi CSS3 juga tidak meninggalkan fitur lama dari CSS sebelumnya

Dibawah ini fitur tambahan yang ada di CSS3

Borders

• border-color
• border-image
• border-radius
• box-shadow

Backgrounds

• background-origin dan background-clip
• background-size
• multiple backgrounds

Color

• HSL colors
• HSLA colors
• opacity
• RGBA colors

Text Effects

• text-shadow
• text-overflow
• word-wrap

User-interface

• box-sizing
• resize
• outline
• nav-top, nav-right, nav-bottom, nav-left

Selectors

• attribute selectors

Basic box model

• overflow-x, overflow-y

Generated Content

• content

Other modules

• media queries
• multi-column layout
• Web fonts
• speech

Beberapa perbedaan CSS3 dan CSS:

• CSS3 bisa lebih detail untuk mendeklarasikan objek yang akan diberikan style. Contohnya di dalam objek ‘blockquote’ bisa membuat (quote) di awal dan akhirnya menggunakan font lebih besar dari konten blockquote itu sendiri.

• CSS3 kaya akan fitur untuk animasi dan efek untuk text atau objek, yang sebelumnya tidak bisa dilakukan oleh CSS2/CSS2.1, dan bisa menggantikan peran gambar. Standar web 2.0 atau situs interaktif dan efisien berdasar dari penggunaan CSS.

• Dengan CSS3 situs akan bisa lebih berkembang dan bisa lebih interaktif lagi dengan pengunjung.

• Bisa mengurangi ukuran file yang di-load dan lebih ringan, secara otomatis mengurangi bandwidth inbound/outbound situs.
• CSS3 tak berbeda jauh dari tingkat-tingkat sebelumnya, hanya saja memiliki performa style yang jauh lebih baik dan tambahan beberapa fungsi yang menarik.
• Sumber :http://my-wordtechnology.blogspot.com