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
Borders
Backgrounds
Text Effects
User-interface
Selectors
Basic box model
Generated Content
Other modules
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
- 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.
