Apakah Awalan -webkit- dan -moz- dalam CSS dan Bagaimana Ia Harus Digunakan?

Memahami Awalan -moz- dan -webkit-

Apabila menemui kod CSS dengan awalan seperti "-webkit-" atau "-moz- ", adalah penting untuk memahami tujuan mereka. Awalan ini ialah sifat khusus vendor yang membenarkan pelaksanaan ciri CSS yang muncul atau proprietari sebelum penyeragamannya oleh W3.

Faedah Awalan Vendor

Awalan ini membolehkan pelayar untuk menguji ciri baharu dan mengambil kira ketidakkonsistenan dalam enjin pemaparan yang berbeza. Apabila keserasian penyemak imbas bertambah baik, awalan dialih keluar secara beransur-ansur setelah versi akhir sifat disokong.

Amalan Terbaik untuk Menggunakan Awalan

Adalah disyorkan untuk menggunakan awalan vendor versi sifat dahulu dan kemudian susulan dengan versi bukan awalan. Ini memastikan bahawa sifat bukan awalan akan mengatasi tetapan awalan sebaik sahaja disokong dalam penyemak imbas. Contohnya:

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

Contoh Khusus

Dalam kod CSS yang anda sediakan:

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

Sifat awalan ini menetapkan kiraan lajur, lajur-jurang, dan atribut isi lajur untuk penyemak imbas Webkit dan Firefox.

Rujukan

• Modul susun atur berbilang lajur CSS
• 'Dalam mempertahankan Awalan Vendor' (Meyerweb.com)
• Senarai awalan vendor (Meyerweb.com)

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