Apakah itu Awalan Vendor CSS seperti -webkit- dan -moz-, dan Bagaimana Saya Harus Menggunakannya?

Awalan Vendor dalam CSS: Panduan untuk -moz- dan -webkit-

Dalam bidang CSS, anda mungkin menghadapi barisan kod seperti ini:

-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 dikenali sebagai sifat awalan vendor, diperkenalkan oleh vendor penyemak imbas untuk diuji ciri CSS eksperimen atau proprietari sebelum penyeragaman rasminya.

Apakah Tujuan Awalan Vendor?

Awalan vendor berfungsi terutamanya sebagai pemegang tempat untuk ciri yang akan datang. Ia membenarkan penyemak imbas menyokong idea inovatif dan mengujinya dengan pengguna dunia sebenar sebelum menyepadukannya sepenuhnya ke dalam spesifikasi CSS.

Awalan Vendor Biasa:

• - webkit- (Chrome, Safari)
• -moz- (Firefox)
• -o- (Opera)
• -ms- (Internet Explorer)

Amalan Terbaik untuk Menggunakan Awalan Vendor:

Untuk memastikan keserasian maksimum, biasanya dinasihatkan untuk bermula dengan menentukan versi awalan vendor sesuatu harta, diikuti dengan versi piawai, cth.:

.elementClass {
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
}

Kaedah ini membenarkan penyemak imbas yang menyokong versi standard sifat (jejari sempadan) untuk menggantikan versi awalan vendor.

Contoh: Sifat Lajur

Kod yang anda nyatakan mentakrifkan sifat lajur (kiraan lajur, jurang lajur, isian lajur) untuk kedua-dua penyemak imbas Webkit (Chrome, Safari) dan Firefox. Sifat ini mengawal penampilan dan reka letak teks berbilang lajur.

Rujukan:

• Modul susun atur berbilang lajur CSS: https://www.w3 .org/TR/css3-multicol/
• 'Dalam mempertahankan Awalan Vendor' (Meyerweb.com): https://meyerweb.com/eric/thoughts/2008/08/13/in-defense-of-vendor-prefixes/
• Senarai awalan vendor (Meyerweb.com): https://meyerweb.com /eric/thoughts/2007/09/03/vendor-prefixes-2/

Atas ialah kandungan terperinci Apakah itu Awalan Vendor CSS seperti -webkit- dan -moz-, dan Bagaimana Saya Harus Menggunakannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!