CSS的前綴是指CSS屬性名稱前的標(biāo)識(shí)符,用于表示屬性屬于哪個(gè)瀏覽器或引擎,從而避免不同瀏覽器之間的兼容性問題。常見的CSS前綴包括-moz-,-webkit-,-ms-和-o-,其中-moz-表示Mozilla Firefox瀏覽器,-webkit-表示W(wǎng)ebkit引擎(用于谷歌Chrome、蘋果Safari等),-ms-表示微軟Internet Explorer瀏覽器,-o-表示Opera瀏覽器。
-moz-box-shadow: 5px 5px 5px #888888; -webkit-box-shadow: 5px 5px 5px #888888; -ms-box-shadow: 5px 5px 5px #888888; -o-box-shadow: 5px 5px 5px #888888; box-shadow: 5px 5px 5px #888888;
如上所示,可以看到box-shadow屬性前加上各自的CSS前綴,這樣可以保證不同瀏覽器或引擎對(duì)該屬性的解析方式是相同的。但是,前綴過多也會(huì)降低代碼可讀性和可維護(hù)性,因此開發(fā)者要適量使用前綴,避免出現(xiàn)不必要的前綴。