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!
Begitu banyak pautan warnaApr 13, 2025 am 11:36 AMDi sana ' s telah menjalankan alat, artikel, dan sumber tentang warna akhir -akhir ini. Tolong izinkan saya menutup beberapa tab dengan membulatkannya di sini untuk keseronokan anda.
Bagaimana margin automatik berfungsi di flexboxApr 13, 2025 am 11:35 AMRobin telah menutupi ini sebelum ini, tetapi saya telah mendengar kekeliruan mengenainya dalam beberapa minggu yang lalu dan melihat orang lain menikam menerangkannya, dan saya mahu
Melangkah Rainbow Garis bawahApr 13, 2025 am 11:27 AMSaya sangat suka reka bentuk tapak sandwic. Di antara banyak ciri yang indah ialah tajuk utama ini dengan garis bawah Rainbow yang bergerak ketika anda menatal. Ia ' s tidak
Tahun Baru, pekerjaan baru? Let ' s membuat resume berkuasa grid!Apr 13, 2025 am 11:26 AMBanyak reka bentuk resume yang popular membuat sebahagian besar ruang halaman yang tersedia dengan meletakkan bahagian dalam bentuk grid. Mari kita gunakan grid CSS untuk membuat susun atur yang
Salah satu cara untuk memecahkan pengguna dari kebiasaan tambah nilai terlalu banyakApr 13, 2025 am 11:25 AMTambah nilai halaman adalah satu perkara. Kadang -kadang kita menyegarkan halaman apabila kita fikir ia tidak bertindak balas, atau percaya bahawa kandungan baru tersedia. Kadang -kadang kita hanya marah
Reka bentuk yang didorong oleh domain dengan ReactApr 13, 2025 am 11:22 AMTerdapat panduan yang sangat sedikit tentang cara mengatur aplikasi front-end di dunia React. (Hanya gerakkan fail sehingga ia "terasa betul," lol). Kebenaran
Mengesan pengguna yang tidak aktifApr 13, 2025 am 11:08 AMKebanyakan masa anda tidak benar -benar peduli sama ada pengguna secara aktif terlibat atau tidak aktif sementara pada aplikasi anda. Tidak aktif, makna, mungkin mereka
Wufoo ZapierApr 13, 2025 am 11:02 AMWufoo sentiasa hebat dengan integrasi. Mereka mempunyai integrasi dengan aplikasi tertentu, seperti Monitor Kempen, MailChimp, dan TypeKit, tetapi mereka juga
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),
DVWA
Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini
Dreamweaver Mac版
Alat pembangunan web visual
SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.
