要精通CSS，你知道有那些知識需要攻克嗎？
CSS在很多前端程序員看來是非常簡單的，可是如果你要真的精通CSS話，以下CSS知識是你必須要攻克掉的。
CSS簡寫屬性
在CSS裡面有很多簡寫屬性，比如font、border、border-radius、background等等，雖然使用簡寫屬性能夠簡化我們的CSS代碼，但是對於一些簡寫屬性因為對應很多個CSS屬性，導致我們理清簡寫屬性的時候有一定的困難，這個時候可以直接打開W3C標準文檔仔細看看就可以了。
CSS佈局
CSS引入了display:flex，和flex相關的佈局屬性有flex-flow、flex-grow、flex-direction等等，用好這些CSS屬性能夠讓我們很輕易的佈局出很多複雜的頁面，而之前都是需要藉助浮動、絕對定位等等來實現的。
CSS旋轉屬性
英語和數學是大部分程序員最頭疼的，而旋轉的幾個CSS屬性rotate、transform等，其取值就涉及很多數學知識，所以這些CSS屬性也是大部分程序員頭疼的事情，其實如果實在不行，可以藉助一些在線的工具多嘗試一下各種取值的情況，形成一個大概的意向。
CSS私有屬性
以-o、-webkit、-moz等等前綴開始的私有CSS屬性，想必大家已經用過很多了吧，比如-moz-border-radius、-webkit-border-radius等，為什麼會存在這些私有的CSS屬性呢？原因就是每個瀏覽器為了引入一些非常優秀的CSS屬性來完成一些之前需要藉助JavaScript等完成的效果，很多現代瀏覽器都會有自己的私有CSS屬性，你能夠從這些瀏覽器對應的開發文檔中看到。
CSS各種長度單位和百分數
在CSS裡面存在很多屬性值可以取百分數的情況，很多前端程序員很容易理解錯這個百分數，其實對於百分數的取值，重要的是找到相對於什麼對象而言，比如對於margin的百分取值是相對於包含塊的寬度值，同理width的百分取值也是相對於包含塊的寬度值等。
在CSS裡面還存在很多長度單位，有相對和絕對單位，比如px、em、rem等等，理清這些長度單位的區別對於很多前端程序員來說也是一個難點。
其實從某種程度上來說，越簡單的知識越優秀，這正也對應了一句話，將複雜的事情簡單化，將簡單的事情做到精緻，CSS就是一個真實的、名副其實的寫照。