(轉）css3首碼

標籤：使用   strong   for   ar   代碼   ad   on   ef   

CSS3的首碼是一個瀏覽器生產商經常使用的一種方式。它暗示該CSS屬性或規則尚未成為W3C標準的一部分。
看看都有哪些首碼：

• -webkit（chrome）
• -moz（firefox）
• -ms（ie）
• -o（opera）

舉例來說，一個CSS3旋轉的代碼是：

• -webkit-transform:rotate(-3deg);
• -moz-transform:rotate(-3deg);
• -ms-transform:rotate(-3deg);
• -o-transform:rotate(-3deg);

CSS3首碼+標準代碼的順序
既然CSS3代碼中（暫時）需要寫上這麼多首碼，那麼他們的順序是如何的呢？
答案在下面↓
是先寫私人的CSS3屬性，再寫標準的CSS3屬性。

• -webkit-transform:rotate(-3deg);
• -moz-transform:rotate(-3deg);
• -ms-transform:rotate(-3deg);
• -o-transform:rotate(-3deg);
• transform:rotate(-3deg);

去掉CSS3首碼
什麼時候我們可以去掉一個屬性的CSS3首碼呢？
答案還在下面↓
當一個屬性成為標準，並且被Firefox、Chrome等瀏覽器的最新版普遍相容的時候。

• 以border-radius為例：
• -moz-border-radius: 12px;
• -webkit-border-radius: 12px;
• border-radius: 12px;

FF4、Saf5以及Chrome都支援border-radius屬性了，我們就沒有必要寫以上兩條了，代碼變成：

• border-radius: 12px;