Perbedaan CSS dan CSS3 Lengkap Berserta Pengertiannya

Mungkin sebagian anda yng suka ngeblog sudah hafal dan paham dengan namanya CSS tetapi bagi yng 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.

2 komentar:

rcti tv mengatakan...: wah wah ... baru tau saya nih mas , soalnya saya blm pake css 3 nih; 15 Oktober 2014 pukul 10.52
http://cody.id/produk/blower/blower-cody-850/ mengatakan...: terimakasih penjelasannya min, sangat bermanfaat.
http://cody.id/produk/blower/blower-cody-850/; 12 Mei 2017 pukul 11.16

Posting Komentar

Terimakasih Atas Komentarnya semoga berguna demi blog ini

Information Technology and Science