7 使用CSS3屬性前的準(zhǔn)備

通過(guò)CSS選擇器找到元素， 就要使用CSS屬性給找到元素設(shè)置樣式。盡管現(xiàn)代瀏覽器已經(jīng)支持了眾多的CSS3屬性，但作為初學(xué)者最應(yīng)該關(guān)注的就是一些“主流”的屬性，如border-radius、box-shadow或者transform等。它們有良好的文檔、很好的測(cè)試并且最常用到，所以如果你在設(shè)計(jì)網(wǎng)站，你很難能脫離它們。學(xué)習(xí)CSS3的屬性就要先從主流的屬性開始， 其它的屬性則可通過(guò)CSS3手冊(cè)獲得幫助。

雖然大多數(shù)的CSS3屬性在很多流行的瀏覽器中不支持，但是還是鼓勵(lì)在前端開發(fā)中要學(xué)會(huì)并且運(yùn)行這些CSS3屬性，因?yàn)檫@是未來(lái)的趨勢(shì)。 關(guān)鍵是首先確定你是否對(duì)各個(gè)瀏覽器之間的細(xì)微的差別有所了解，你能肯定的說(shuō)IE顯示的90度的角就不圓滑嘛？這取決于你的決定。但是要永遠(yuǎn)記住，網(wǎng)站設(shè)計(jì)不必看到所有瀏覽器的不同。

在使用CSS3的一些高級(jí)特性時(shí)，需指定所有瀏覽器的前綴，CSS3的前綴是一個(gè)瀏覽器生產(chǎn)商經(jīng)常使用的一種方式，它暗示該CSS屬性或規(guī)則尚未成為W3C標(biāo)準(zhǔn)的一部分。

33.png

既然CSS3代碼中（暫時(shí)）需要寫上這么多前綴，就需要注意順序問(wèn)題，要先寫私有的CSS3屬性，再寫標(biāo)準(zhǔn)的CSS3屬性。如果以后當(dāng)一個(gè)屬性成為標(biāo)準(zhǔn)，并且被Firefox、Chrome等瀏覽器的最新版普遍兼容的時(shí)候，就可以去除這些前綴了。