Membawa kita ke level selanjutnya dengan CSS 3

" CSS 3 bukanlah hal baru, dan ini bukan hanya penerapan sudut membulat di sekitar properti radius perbatasan. Ia duduk di sana dengan sabar, siap untuk debutnya, menyeruput kopi dan menunggu browser menggelar karpet merah. Anda lihat, kebutuhan browser untuk mengejar..."

– Artikel ini ingin merekam mahakarya ISD WEBTEAM Q2 2009: Manual Referensi CSS 3.0 (versi China)

latar belakang

Materi referensi CSS2.0 yang diwakili oleh "Style Sheet Chinese Manual" Su Yu telah menemani banyak desainer web dalam negeri selama hampir 10 tahun. Dampak ini sangat luas, tetapi dengan perkembangan teknologi CSS yang berkelanjutan, Desainer sebagian besar dipengaruhi oleh materi tradisional dan tidak dapat melampaui pagar yang ada, yang memberikan beban berat pada diri mereka sendiri. Pernahkah Anda memperhatikan bahwa CSS 3 mendapatkan momentum? Apakah Anda ingin mulai menggunakannya tetapi tidak tahu harus mulai dari mana? Tepat ketika fitur-fitur baru CSS 3 sangat dinantikan, Manual Referensi Bahasa Mandarin CSS3.0 kami muncul...

Apa itu CSS3?

CSS adalah singkatan dari Cascading Style Sheet. Diterjemahkan sebagai "lembar gaya berjenjang". Ini adalah bahasa markup yang digunakan untuk (meningkatkan) kontrol atas gaya halaman web dan memungkinkan pemisahan informasi gaya dari konten halaman web.
CSS3.0 mewakili versi CSS berikutnya, dan 3.0 adalah nomor versi.

Kejutan apa yang diberikan CSS 3 kepada kita?

CSS3.0 bukan hanya teknologi baru bagi kami para desainer web, tetapi yang lebih penting, konsep baru aplikasi web ini memberi kami kemungkinan desain yang lebih tak terbatas, dan juga sangat meningkatkan efisiensi pengembangan kami. Kita tidak lagi harus bergantung pada gambar atau Javascript untuk melengkapi sudut membulat, banyak latar belakang, font yang ditentukan pengguna, animasi 3D, gradien, bayangan kotak, bayangan teks, transparansi, dan aplikasi unggulan lainnya yang meningkatkan kualitas desain web. Kemunculan CSS 3.0 membuat kode menjadi lebih sederhana, struktur halaman menjadi lebih masuk akal, dan performa serta efek menjadi pertimbangan.

Petunjuk Penggunaan

• Panduan ini ditujukan untuk rekonstruktor halaman web atau insinyur pengembangan front-end.
• Panduan ini diterjemahkan berdasarkan rancangan kerja W3C, dan terdapat ketidakpastian tertentu. Hak interpretasi akhir adalah milik ISD WEBTEAM.
• Tata letak manual ini mengacu pada Pratinjau CSS dari css3.info, yang membagi properti CSS 3 menjadi sembilan kategori: batas, latar belakang, warna, teks, antarmuka pengguna, model kotak dasar, konten, modul lain, dan pemilih tingkat lanjut.
• Daftar kompatibilitas untuk sementara menyediakan kompatibilitas browser resmi untuk Internet Explorer, FireFox, Opera, Safari, dan Chrome.
• Dalam daftar atribut privat, browser yang menggunakan mesin Gecko menyertakan Firefox, dan atribut privat dimulai dengan -moz-; browser yang menggunakan mesin webkit mencakup Safari dan Chrome, dimulai dengan -webkit-; -o- Mulai, serta Internet Explorer, dimulai dengan -ms-, saat ini hanya IE8 yang mendukung awalan -ms-.
• Contoh yang dihasilkan untuk setiap atribut, kecuali contoh @font face yang diambil dari Microsoft karena hak cipta font, semuanya dibuat oleh anggota tim berdasarkan pengalaman mereka sendiri. Karena keterbatasan panjang manual, beberapa contoh mungkin sulit untuk dipahami. Kami akan membahasnya di masa depan. Beberapa contoh dianalisis secara rinci dalam artikel terpisah.
• Warisan, mengingat dalam rancangan kerja W3C belum ada penjelasan yang jelas mengenai pewarisan, maka dalam masalah ini belum ada pengujian mengenai pewarisan, dan belum menjadi nilai acuan.
• Jika file CHM yang diunduh tidak dapat dibuka, Anda dapat mencoba mengklik kanan file CHM lalu "Buka Kunci" di "Properti".
• Panduan ini terutama untuk komunikasi. Ini dibatasi oleh keterbatasan waktu dan merupakan pekerjaan malam amatir. Saya harap Anda akan memberi saya umpan balik selama penggunaan. Kami akan terus menyempurnakan dan memperbarui manual ini. Panduan versi V1 disediakan di sini, yang diperbarui dari waktu ke waktu setiap bulan.

Sumber: Tim Web Tencent