Apakah Awalan -moz- dan -webkit- dalam CSS dan Mengapa Ia Penting?

Memahami Kepentingan Awalan -moz- dan -webkit- dalam CSS

Apabila mendalami dunia CSS yang rumit, anda mungkin menghadapi coretan kod yang tidak dikenali seperti:

-webkit-column-count: 3;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
-moz-column-count: 3;
-moz-column-gap: 10px;
-moz-column-fill: auto;

Barisan ini mewakili sifat awalan vendor yang diperkenalkan oleh enjin pemaparan yang berbeza. Dalam kes ini, awalan -webkit- digunakan pada Chrome dan Safari, manakala awalan -moz- digunakan oleh Firefox.

Tujuan Awalan Vendor

Awalan vendor membenarkan pembangun untuk melaksanakan ciri CSS eksperimen atau proprietari sebelum ia diseragamkan secara rasmi oleh World Wide Web Consortium (W3). Ini membolehkan keserasian merentas penyemak imbas semasa standard sedang dibangunkan.

Lazimnya, penyemak imbas mengalih keluar awalan vendor sebaik sahaja versi tidak tetapan dilaksanakan. Walau bagaimanapun, menentukan sifat awalan vendor dahulu dan kemudian versi tidak tetapan memastikan bahawa ciri yang terakhir diutamakan apabila ciri itu disokong oleh penyemak imbas.

Contoh Penggunaan

Untuk contoh, kod CSS yang disediakan menetapkan sifat yang berkaitan dengan reka letak berbilang lajur:

-webkit-column-count: 3;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
-moz-column-count: 3;
-moz-column-gap: 10px;
-moz-column-fill: auto;

Ini kod menentukan bilangan lajur (3), jurang antaranya (10px) dan gelagat isian (auto) untuk kedua-dua penyemak imbas Webkit dan Firefox.

Kesimpulan

Awalan vendor ialah alat yang berguna untuk melanjutkan fungsi CSS dan memastikan keserasian merentas pelayar semasa pembangunan. Walaupun ia akhirnya dialih keluar, memahami tujuan dan penggunaannya adalah penting untuk pengaturcaraan CSS yang mahir.

Atas ialah kandungan terperinci Apakah Awalan -moz- dan -webkit- dalam CSS dan Mengapa Ia Penting?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!