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
Lepaskan: 2024-12-13 03:14:13
asal
865 orang telah melayarinya

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;
Salin selepas log masuk

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;
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan