為什麼會出現CSS字首？

使用過css3屬性的同學都知道，css3屬性都需要帶各浏覽器的字首，甚至到現在，依然還有很多屬性需要帶字首。這是為什麼呢？

CSS3的字首是一個浏覽器生産商經常使用的一種方式。它暗示該CSS屬性或規則尚未成為W3C标準的一部分。  浏覽器廠商以前就一直在實施CSS3，但它還未成為真正的标準。

字首	浏覽器	核心
-ms-	IE浏覽器	Trident核心
-moz-	Firefox	Gecko核心
-o-	Opera	Presto核心
-webkit-	Chrome和Safari	Webkit核心

來看一個簡單的示例，早期寫一個圓角 border-radius ，需要這樣寫：

.box {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}           

如果隻寫移動端的話就加-webkit-字首和css3屬性就可以 。 

-webkit-transform:rotate(-3deg); /*為Chrome/Safari*/
-moz-transform:rotate(-3deg); /*為Firefox*/
-ms-transform:rotate(-3deg); /*為IE*/
-o-transform:rotate(-3deg); /*為Opera*/
transform:rotate(-3deg); /*為nothing*/