Perbezaan antara CSS3 dan CSS

Laman web moden terdiri daripada tiga fail atau kod yang berbeza, HTML, JavaScript dan CSS. HTM mentakrifkan struktur laman web; JavaScript mentakrifkan bagaimana laman web akan berkelakuan; dan CSS mentakrifkan penampilan dan gaya keseluruhan laman web. Spesifikasi CSS dikekalkan oleh W3C. Di satu pihak, kami mempunyai versi asas dan di sisi lain, CSS3 terkini dan kuat. Mari kita lihat perbezaan antara kedua -duanya.

Apa itu CSS?

CSS pendek untuk lembaran gaya cascading. Ini memberi anda kawalan kreatif ke atas reka bentuk dan susun atur keseluruhan laman web anda. Tujuan CSS adalah untuk menyelaraskan proses laman web gaya. CSS adalah bahasa reka bentuk yang mudah yang membolehkan anda membuat laman web yang menarik. Ia membantu menentukan pemikiran seperti warna, fon, kedudukan unsur -unsur tertentu, dan sedikit animasi. Sekiranya anda telah menggunakan gaya dalam pemproses perkataan seperti program susun atur Microsoft Word atau halaman seperti Adobe InDesign, CSS akan merasa biasa dengan anda. Mana -mana elemen visual di laman web seperti latar belakang, kotak, teks, tajuk, dan footer, secara harfiah boleh diubah dengan CSS.

Apa itu CSS3?

CSS3 adalah lelaran terkini bahasa Lembaran Gaya Cascading dan nombor 3 bukan sekadar merujuk kepada ciri -ciri baru di CSS tetapi tahap ketiga dalam kemajuan spesifikasi CSS. CSS3 adalah versi modular baru spesifikasi CSS dengan beberapa ciri baru yang menarik untuk menjadikan reka bentuk web anda berusaha ke tahap yang baru, menjadikannya lebih mudah dan lebih fleksibel. Ini adalah istilah selimut baru yang digunakan untuk menggambarkan ciri dan fungsi CSS baru yang telah muncul sejak beberapa tahun kebelakangan ini. Sekarang, sebahagian daripada fungsi baru ini adalah perkembangan CSS yang berterusan melalui W3C dan sebahagian daripadanya dipandu oleh generasi baru penyemak imbas yang disediakan khas untuk menyediakan pereka alat yang lebih berkuasa untuk membuat laman web. Ia membawa pelbagai ciri dan penambahan baru, seperti pemilih lanjutan, sudut bulat, susun atur baru, animasi atau peralihan, bayang -bayang, kecerunan, pemilihan warna, dan banyak lagi.

Perbezaan antara CSS3 dan CSS

Pemilih

- Pemilih berada di tengah -tengah lembaran gaya cascading yang pada dasarnya corak digunakan untuk memilih elemen HTML yang anda mahu gaya. CSS3 mempunyai kotak alat pemilih lanjutan yang baru dan mantap yang membolehkan anda memilih elemen yang lebih spesifik untuk gaya sambil menghapuskan keperluan untuk ID dan kelas yang sewenang -wenangnya yang sering anda sertakan. Dengan pelbagai pemilih, anda boleh menyasarkan hampir semua elemen halaman. CSS3 menambah fungsi pemilih atribut asas dengan membolehkan anda memilih elemen berdasarkan rentetan dalam nilai atribut.

Warna

- CSS3 menawarkan beberapa cara baru yang menarik untuk dimainkan dengan warna. Sebelum ini, warna diisytiharkan menggunakan format heksadesimal - sistem penomboran yang bermula pada 00 dan berakhir di FF. Spesifikasi warna CSS3 mentakrifkan senarai kata kunci warna yang disokong oleh pelayar web. Senarai kini termasuk kata kunci tambahan 147 warna dan model baru yang dipanggil 'rgba' (penambahan alpha) yang membolehkan spesifikasi kelegapan warna. Perubahan yang paling ketara ialah anda kini boleh mengisytiharkan warna semitransparent.

Radius sempadan

- Harta Radius Sempadan CSS mentakrifkan sudut bulat dari mana-mana elemen, yang membolehkan anda dengan mudah menggunakan sudut bulat dalam elemen reka bentuk anda. Dengan CSS3, anda juga boleh menggunakan imej untuk sempadan dan membuat sudut bulat di sempadan anda tanpa imej atau markup tambahan. Ia juga mempunyai penambahan harta latar belakang seperti keupayaan untuk mempunyai pelbagai latar belakang dan peningkatan untuk mengawal saiz imej latar belakang, orientasi dan keratan. Harta bayang -bayang kotak membolehkan anda menambah bayang -bayang drop ke elemen.

Formating teks

- CSS3 menyediakan satu tan sifat pemformatan teks, yang kebanyakannya sudah ada di CSS2 tetapi dengan beberapa ciri tambahan seperti Property Shadow Teks Baru. Teks bayang -bayang teks baru ini membolehkan anda menambah bayang -bayang kepada aksara individu dalam nod teks. Kesan bayangan untuk teks menjadikan laman web kelihatan lebih jelas dan menarik. Sebelum CSS3, anda akan melakukan perkara yang sama menggunakan imej atau elemen teks pendua dan kemudian meletakkannya.

Kecerunan

- Kecerunan adalah salah satu ciri yang paling dinanti -nantikan untuk menjadi asli kepada CSS. Ini adalah penambahan yang sangat kuat kepada CSS yang membolehkan anda menetapkan warna latar belakang elemen kepada kecerunan. Anda boleh menggunakan kecerunan dua warna yang sederhana atau mudah atau anda boleh keluar dengan menggunakan banyak perhentian warna dan pelbagai kelegapan di seluruh kecerunan. Kecerunan boleh linear atau radial dan menghasilkan kesan visual yang kaya dengan kecerunan dalam teknologi lain seperti SVG.

Peralihan dan animasi

- CSS3 mempunyai satu lagi ciri menarik yang disebut peralihan yang menyediakan cara untuk mengawal kelajuan animasi apabila anda beralih dari satu nilai harta CSS ke yang lain. Sebagai contoh, anda boleh menghidupkan ketinggian elemen dari sifar piksel hingga seratus piksel untuk mendedahkan kandungan elemen. Animasi CSS3 mempunyai spesifikasi mereka sendiri dan mereka membolehkan anda membuat kerangka utama untuk mengawal animasi dan sifat yang membolehkan anda mengawal masa, tempoh, dan gelung animasi.

CSS3 vs. CSS: Carta Perbandingan

Ringkasan CSS3 vs. CSS

CSS3 adalah, dalam segala hal, pengganti yang layak yang mengandungi ciri -ciri baru yang menarik untuk membantu dengan usaha reka bentuk web anda. Ia mempunyai banyak ciri yang kuat yang menjadikan reka bentuk web anda berfungsi lebih mudah, lebih mudah dan fleksibel dari sebelumnya. CSS3 bukan sahaja menyediakan pengguna dengan banyak ciri baru yang menarik untuk dimainkan, tetapi lebih banyak untuk menyediakan pengguna dengan cara yang lebih fleksibel untuk menyelesaikan masalah yang ada. Kini terdapat lebih daripada 40 modul dalam CSS3 pada pelbagai peringkat penyempurnaan dan sokongan penyemak imbas. Untuk satu, CSS3 mempunyai seluruh kotak alat baru pemilih canggih yang membolehkan anda memilih elemen yang lebih spesifik untuk Styling.