css中因為要兼容不同瀏覽器的屬性支持，瀏覽器廠商會在屬性前加一個私有前綴來支持新屬性；前綴為“-webkit-”的屬性，能夠在以webkit為內(nèi)核的瀏覽器中正常使用，例如“safari”和“chrome”瀏覽器。

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),江干企業(yè)網(wǎng)站建設(shè),江干品牌網(wǎng)站建設(shè),網(wǎng)站定制,江干網(wǎng)站建設(shè)報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,江干網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

Css3屬性前為什么要加webkit

CSS3中新增了一些屬性，例如box-reduis、box-orient、text-overflow等等，而這些屬性在以往的版本中是不存在的，或者不被支持的，因此，針對不同的瀏覽器，規(guī)定其內(nèi)核名稱讓它們可以對這些新增屬性進行解析。這看上去是一個合理的解釋，即-moz-是針對firefox的，-webkit-是針對safari和chrome的。

-moz代表firefox瀏覽器私有屬性

-ms代表ie瀏覽器私有屬性

-webkit代表safari、chrome私有屬性

在標準還未確定時，部分瀏覽器已經(jīng)根據(jù)最初草案實現(xiàn)了部分功能，為了與之后確定下來的標準進行兼容，所以每種瀏覽器使用了自己的私有前綴與標準進行區(qū)分，當標準確立后，各大瀏覽器將逐步支持不帶前綴的css3新屬性。

示例如下：

為什么要有私有前綴呢？因為制定HTML和CSS標準的組織W3C動作是很慢的。通常，有w3c組織成員提出一個新屬性，比如說圓角border-radius，大家都覺得好，但是w3c不會為這個屬性制定標準，而是要走很復雜的程序，經(jīng)過很多審查。

而瀏覽器商不愿意等那么久，他們覺得一個屬性已經(jīng)夠成熟了，就會在瀏覽器中加入支持。但是避免日后w3c公布標準時有所變更，就會加入一個私有前綴，比如-webkit-border-radius，通過這種方式來提前支持新屬性，等到日后w3c公布了標準，border-radius的標準寫法確立之后，再讓新版的瀏覽器支持border-radius這種寫法。

比方說，Chrome 10是不認border-radius這種寫法的，只能用webkit-border-radius，而Chrome12就能認了。于是在寫CSS的時候，這樣寫就能確保Chrome10和Chrome12瀏覽網(wǎng)頁的時候都能夠正確顯示。目前已有很多私有前綴可以不寫了，但為了兼容老版本的瀏覽器，可以仍沿用私有前綴和標準方法，逐漸過渡

（學習視頻分享：css視頻教程）