Fungsi utama Cascading Style Sheets sangat penting. Di mana CSS berfungsi bersama dengan HTML dan memberikan gaya dan penampilan asas dan ini akan memberitahu kita bahawa elemen HTML akan kelihatan di laman web. Di mana CSS3 adalah versi terbaru CSS. Mari kita fahami pelbagai perbezaan antara CSS dan CSS3 dalam urutan berikut:
- Keserasian CSS dan CSS3
- Sudut Bulat dan Kecerunan
- Kesan dan Animasi Teks
- Kelas Pseudo
- Senarai dalam CSS dan CSS3
CSS3 menyediakan keupayaan seperti JavaScript dan juga menyediakan ciri pengembangan mudah alih dengan ciri tambahan seperti peralihan, kecerunan, dll. Oleh itu, mari kita bandingkan CSS dan CSS3 pada parameter ini.
Keserasian CSS dan CSS3
CSS tidak sesuai dengan CSS3 kerana tujuan utamanya adalah untuk memberi tumpuan kepada penyediaan format yang berbeza. Mereka sebagai tambahan kemampuan untuk kedudukan teks dan objek. Tetapi ciri-ciri ini telah diperbaharui ke versi terbaru iaitu CSS3.
CSS3 adalah kata laluan yang serasi dengan CSS. Ini tidak akan menjadikan kod yang ditulis dalam CSS sebagai tidak sah. CSS3 menjadikan laman web kelihatan lebih menarik dan lebih baik. Merekasangat pantas memuat dan kurang masa yang diperlukan untuk membina halaman.
Sudut Bulat dan Kecerunan
Semasa CSS3 dilancarkan, para pembangun biasa merancang gambar yang akan kelihatan seperti sudut bulat ke struktur dan latar belakang yang berbeza. Proses ini merangkumi pembangun merancang sempadan tertentu dan memuat naik reka bentuk melalui pelayan. Mereka perlu meletakkan gambar di laman web dan pada akhirnya, CSS harus meletakkan sempadan ini dengan betul.
Dalam CSS3 pembangun hanya perlu menulis kod seperti bulat sempadan {sempadan-radius: 20 piksel}
. Setelah selesai, mereka tidak perlu menghantar pelayan dan melakukan apa-apa jenisaktiviti lain. Malah kecerunan boleh ditetapkan dengan menggunakan kod seperti gradBG {Latar belakang: kecerunan kapal (merah, hitam)}
Kesan dan Animasi Teks
Dalam CSS animasi ditulis dalam JavaScript dan JQuery. Ia tidak mempunyai ciri-ciri dalam lapisan reka bentuk dan bahkan elemen halaman juga tidak mempunyai kesan khas seperti bayangan teks, pemilihan teks, dll.
Dalam CSS3, pengembang dapat menambahkan bayangan teks untuk memudahkannya membaca. Mereka juga dapat menambahkan kesan visual untuk memecahkan garis dan kata-kata yang lebih panjang sehingga sesuaidengan mudah di dalam lajur. Ini juga termasuk perubahan ukuran dan warna teks yang berterusan bahkan waktu perubahan juga dapat ditentukan.
Kelas Pseudo
Ini digunakan untuk menentukan keadaan elemen dalam CSS secara khusus.
Sintaks:pemilih: pseudo-class {property: value}
. Ini juga menyediakan pelbagai sifat seperti arahkan kursor ke (), hover petua alat mudah ().
Dalam CSS3, kelas pseudo ini hampir sama dengan CSS tetapi mereka mempunyai beberapa ciri tambahan yang membezakan kedua-duanya. Ini termasuk sasaran akar yang dokumennyaunsur akar. Menggunakan nilai berangka dalam (n) untuk disasarkan.
Senarai dalam CSS dan CSS3
CSS:
CSS membolehkan pengguna menetapkan senarai yang berbeza untuk senarai yang tersusun dan tidak tersusun.
Pengguna juga boleh menetapkan gambar untuk penanda item senarai.
Tambahkan warna latar ke senarai dan item senarai.
Mereka boleh berbentuk bulatan, segi empat sama, seperti senarai-gaya-jenis-jenis cakera.
CSS3
Dalam ini untuk menggunakan senarai dalam CSS, sifat paparan harus mempunyai item senarai yang ditentukan di dalamnya.
cara memasang hadoop di ubuntu
Ia tidak menyokong sistem penomboran.
Ia membolehkan bahawa gambar disusun berdasarkan penanda item senarai.
Ia juga mempunyai kedudukan gaya senarai dan dapat menentukan kedudukan kotak penanda.
Dengan ini, kita sampai pada akhir artikel ini di mana kita membincangkan perbezaan antara CSS dan CSS3. C lihatlah oleh Edureka. Latihan Pengesahan Pembangunan Web akan membantu anda belajar bagaimana membuat laman web yang mengagumkan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery dan Google API dan menyebarkannya ke Amazon Simple Storage Service (S3).
Ada soalan untuk kami? Sila sebutkan di bahagian komen artikel ini dan kami akan menghubungi anda.