一憾儒、瀏覽器前綴
最常見的前綴分別是 Firefox 的 -moz-、IE 的 -ms-、Opera
的 -o- 以及 Safari 和 Chrome 的 -webkit-俱济。
二误阻、CSS編碼技巧
（1）盡量減少代碼重復(fù)
（2）存在依賴债蜜，用代碼表達(dá)出來他們的相互關(guān)系。
font-size：125%;
line-height:1.5;
注解：行號(hào)是字體的1.5倍究反。變成可縮放的寻定，依賴字號(hào)進(jìn)行縮放。
（3）其實(shí)只要把半透明的黑色或白色疊加在主色調(diào)上精耐，即可產(chǎn)生主色調(diào)的亮色和暗色變體狼速，這樣就能簡單地化解這個(gè)難題了：
padding: .3em .8em;
border: 1px solid rgba(0,0,0,.1);
background: #58a linear-gradient(hsla(0,0%,100%,.2),
? transparent);
border-radius: .2em;
box-shadow: 0 .05em .25em rgba(0,0,0,.5);
color: white;
text-shadow: 0 -.05em .05em rgba(0,0,0,.5);
（4）技巧：
a.代碼易維護(hù)VS代碼量少；
b.特殊的顏色關(guān)鍵字：currentColor
示例：水平線與文本的顏色保持一致卦停。
hr {
? height: .5em;
? background: currentColor;
}
c.inherit
inherit 可以用在任何 CSS 屬性中向胡，而且它總是綁定到父元素的計(jì)算值（對(duì)偽元素來說，則會(huì)取生成該偽元素的宿主元素）惊完。
示例1：要把超鏈接的顏色設(shè)定為與頁面中其他文本相同僵芹，還是要用inherit：
a { color: inherit; }
示例2：inherit 關(guān)鍵字對(duì)于背景色同樣非常有用
在創(chuàng)建提示框的時(shí)候，你可能希望它的小箭頭能夠自動(dòng)繼承背景和邊框的樣式小槐。
.callout { position: relative; }
.callout::before {
? content: "";
? position: absolute;
? top: -.4em; left: 1em;
? padding: .35em;
? background: inherit;
? border: inherit;
? border-right: 0;
? border-bottom:0拇派；
transform：rorate(45deg);
}
（5）視覺差異
這些視覺上的錯(cuò)覺在任何形式的視覺設(shè)計(jì)中都普遍存在，需要我們有針對(duì)性地進(jìn)行調(diào)整凿跳。
（6）
（7）合理的使用簡寫
進(jìn)行簡寫的時(shí)候件豌，解析器需要在沒有屬性名提示的情況下弄清楚 50% 50% 到底指什么。這就是需要引入斜杠的原因控嗜。
（8）預(yù)處理器：stylus,sass,less
缺點(diǎn)：
在引入預(yù)處理器的問題上需要冷靜決策
