blog visitors

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.

1 komentar:

rcti tv mengatakan...

wah wah ... baru tau saya nih mas , soalnya saya blm pake css 3 nih

Poskan Komentar

Terimakasih Atas Komentarnya semoga berguna demi blog ini