Rumah >hujung hadapan web >tutorial css >Apakah itu Awalan Vendor CSS seperti -webkit- dan -moz-, dan Bagaimana Saya Harus Menggunakannya?

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

Susan Sarandon
Susan Sarandonasal
2024-12-13 03:14:13856semak imbas

What are CSS Vendor Prefixes like -webkit- and -moz-, and How Should I Use Them?

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn