Fungsi utama Cascading Style Sheets sangat penting. Dimana CSS bekerja sama dengan HTML dan memberikan gaya dan tampilan dasar dan ini akan memberi tahu kita bahwa elemen HTML akan terlihat di halaman web. Dimana CSS3 adalah versi terbaru dari CSS. Mari kita pahami berbagai perbedaan antara CSS dan CSS3 dalam urutan berikut:
- Kompatibilitas CSS dan CSS3
- Sudut Bulat dan Gradien
- Efek Teks dan Animasi
- Kelas Pseudo
- Daftar di CSS dan CSS3
CSS3 memberikan kemampuan seperti JavaScript dan juga menyediakan fitur pengembangan seluler dengan fitur tambahan seperti transisi, gradien, dll. Jadi, mari kita bandingkan CSS dan CSS3 pada parameter ini.
Kompatibilitas CSS dan CSS3
CSS tidak kompatibel dengan CSS3 karena tujuan utamanya adalah untuk fokus pada penyediaan fitur pemformatan yang berbeda. Mereka selain kemampuan untuk posisi teks dan objek. Namun fitur tersebut telah diupdate ke versi terbaru yaitu CSS3.
CSS3 adalah kata kunci yang kompatibel dengan CSS. Ini tidak akan membuat kode apa pun yang ditulis dalam CSS menjadi tidak valid. CSS3 membuat halaman web terlihat lebih menarik dan lebih baik. Merekasangat cepat dalam memuat dan lebih sedikit waktu yang dibutuhkan untuk membangun halaman.
Sudut Bulat dan Gradien
Saat CSS3 diluncurkan, para pengembang biasanya mendesain gambar yang akan terlihat seperti sudut membulat ke berbagai struktur dan gradien latar belakang. Proses ini mencakup pengembang yang merancang batas khusus dan mengunggah desain ke server. Mereka perlu menempatkan gambar di halaman web dan pada akhirnya, CSS harus memposisikan batas ini dengan benar.
Di CSS3 developer hanya perlu menulis kode seperti round berbatasan {border-radius: 20px}. Dan selesai, mereka tidak perlu mengirim melalui server apa pun dan melakukan apa pundari aktivitas lain. Bahkan gradien dapat diatur dengan menggunakan kode like gradBG {Background: liner-gradient (merah, hitam)}
melewati nilai dan melewati referensi di java
Efek Teks dan Animasi
Dalam CSS, animasi ditulis dalam JavaScript dan JQuery. Itu tidak memiliki fitur di lapisan desain dan bahkan elemen halaman juga tidak memiliki jenis efek khusus seperti teks bayangan, pilihan teks, dll.
Di CSS3 pengembang bisa menambahkan teks-bayangan agar lebih mudah dibaca. Mereka juga bisa menambahkan efek visual untuk memutus baris dan kata yang lebih panjang agar sesuaidengan mudah di dalam kolom. Ini juga mencakup perubahan ukuran dan warna teks yang terus menerus bahkan waktu perubahan juga dapat diatur.
Kelas Pseudo
Ini digunakan untuk secara khusus menentukan status elemen di CSS.
Sintaks:selector: pseudo-class {property: value}. Ini juga menyediakan berbagai properti seperti hover on (), tooltip hover () sederhana.
Dalam CSS3 kelas-semu ini sangat mirip dengan CSS tetapi mereka memiliki beberapa fitur tambahan yang membedakan keduanya. Ini termasuk target root yang dokumen ituelemen root. Menggunakan nilai numerik dalam (n) untuk menargetkan.
Daftar di CSS dan CSS3
CSS:
CSS memungkinkan pengguna untuk mengatur daftar yang berbeda untuk daftar yang diurutkan dan yang tidak.
Pengguna juga dapat menyetel gambar untuk penanda item daftar.
Tambahkan warna latar belakang ke daftar dan item daftar.
Mereka bisa berbentuk lingkaran, persegi, jenis gaya daftar seperti cakram.
CSS3
Dalam hal ini untuk menggunakan daftar dalam CSS properti tampilan harus memiliki item daftar yang ditentukan di dalamnya.
Itu tidak mendukung sistem penomoran.
Ini memungkinkan gambar diatur terhadap penanda item daftar.
Ini juga memiliki posisi gaya daftar dan dapat menentukan posisi kotak penanda.
Dengan ini, kita sampai pada akhir artikel ini dimana kita membahas perbedaan antara CSS dan CSS3. C lihat saja oleh Edureka. Pelatihan Sertifikasi Pengembangan Web akan membantu Anda mempelajari cara membuat situs web yang mengesankan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery, dan Google API, serta menerapkannya ke Amazon Simple Storage Service (S3).
Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar artikel ini dan kami akan menghubungi Anda kembali.