Rumah >hujung hadapan web >tutorial css >Mengapa kita perlu menambah webkit sebelum atribut CSS3?
Mengapa kita perlu menambah webkit sebelum atribut CSS3?
- WBOYasal
- 2021-12-16 15:43:364967semak imbas
Oleh kerana CSS perlu serasi dengan sokongan atribut penyemak imbas yang berbeza, pengeluar penyemak imbas akan menambah awalan peribadi sebelum atribut untuk menyokong atribut baharu dengan awalan "-webkit-" boleh digunakan apabila menggunakan webkit sebagai teras Biasanya digunakan dalam pelayar seperti pelayar "safari" dan "chrome".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Mengapa kita perlu menambah webkit sebelum atribut CSS3?
Terdapat beberapa atribut baharu dalam CSS3, seperti box-reduis, box -orient, text- overflow, dsb., atribut ini tidak wujud atau tidak disokong dalam versi sebelumnya Oleh itu, untuk penyemak imbas yang berbeza, nama kernel mereka ditentukan supaya mereka boleh menghuraikan atribut baharu ini. Ini nampaknya penjelasan yang munasabah, iaitu, -moz- adalah untuk firefox, dan -webkit- adalah untuk safari dan chrome.
-moz mewakili sifat peribadi pelayar firefox
-ms mewakili iaitu sifat peribadi pelayar
-webkit mewakili sifat peribadi safari dan krom
Sebelum piawaian ditentukan, beberapa pelayar telah melaksanakan beberapa fungsi mengikut draf awal agar serasi dengan piawaian yang ditentukan kemudian . , jadi setiap penyemak imbas menggunakan awalan peribadinya sendiri untuk membezakannya daripada standard Apabila piawaian ditetapkan, pelayar utama akan secara beransur-ansur menyokong atribut CSS3 tanpa awalan.
Contohnya adalah seperti berikut:
<html>
<head>
<style>
div
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Mengapa kita memerlukan awalan peribadi? Kerana W3C, organisasi yang merumuskan piawaian HTML dan CSS, adalah sangat perlahan. Biasanya, ahli organisasi w3c mencadangkan atribut baharu, seperti jejari sempadan bulat, dan semua orang berpendapat ia bagus, tetapi w3c tidak akan menetapkan piawai untuk atribut ini, tetapi akan melalui proses yang sangat rumit dan melalui banyak ulasan.
Vendor penyemak imbas tidak sanggup menunggu selama itu Jika mereka merasakan sesuatu atribut sudah cukup matang, mereka akan menambah sokongan pada penyemak imbas. Tetapi untuk mengelakkan perubahan apabila w3c mengumumkan standard pada masa hadapan, awalan peribadi akan ditambah, seperti -webkit-border-radius, untuk menyokong atribut baharu terlebih dahulu Apabila w3c mengumumkan standard pada masa hadapan, kaedah penulisan standard border-radius ditubuhkan , dan biarkan versi baharu penyemak imbas menyokong kaedah penulisan jejari sempadan.
Sebagai contoh, Chrome 10 tidak mengecam jejari sempadan dan hanya boleh menggunakan jejari-sempadan webkit, tetapi Chrome 12 boleh mengecamnya. Jadi apabila menulis CSS, penulisan seperti ini boleh memastikan bahawa kedua-dua Chrome10 dan Chrome12 boleh dipaparkan dengan betul semasa menyemak imbas web.
Pada masa ini terdapat banyak awalan peribadi yang boleh ditinggalkan, tetapi untuk serasi dengan versi penyemak imbas yang lebih lama, anda masih boleh menggunakan awalan peribadi dan kaedah standard dan peralihan secara beransur-ansur
(Video pembelajaran perkongsian: tutorial video css)
Atas ialah kandungan terperinci Mengapa kita perlu menambah webkit sebelum atribut CSS3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!