作為web開發人員，無論你是前端開發或者是后端開發，也無論你是新手還是大神，對于CSS的知識了解都是需要，在這篇文章中，我們將從五個不同的角度幫助大家快速的提升自己的CSS水平，如果你能夠在以下五點有所突破的話，CSS的編碼能力肯定會有一定的提升。
熟練的掌握float
當你初次學習CSS的時候，float肯定是最讓你頭疼的地方，但是一旦你了解了基本的知識，你就慢慢會了解如何處理clear fix和overflow相關的操作。
你需要的就是比較有深度的介紹float相關的技巧及其行為的文章。
學習資源：
Everything You Never Knew About CSS Floats
All About Floats
The Mystery Of The CSS Float Property
學習DRY Coding概念
“不要重復自己”，這個簡單的俗語擁有非常深層次的含義。但你真正的開始使用DRY coding的時候，你將得到非常干凈整齊的代碼。
和前端我們介紹的主題不太一樣，這個主題內容比較狹窄，主要就是使用CSS預編譯。
當然很多人號稱使用預編譯導致了更差的代碼編寫，但實際相反。CSS預編輯器幫助避免了重復的工作和內容。看看類似LESS和SASS的輸出代碼，可以看到它們讓我寫出了更加優美的代碼。一旦你喜歡上了這樣方式，你肯定會愛不釋手的。
學習資源：
DRY CSS: Don’t Repeat Your CSS
An Introduction To Object Oriented CSS (OOCSS)
An Introduction To SMACSS Guidelines For Writing CSS
了解選擇器
為了寫出清爽并且簡潔的CSS，你需要對于選擇有一定的了解，聽起來可能比較簡單，但是在實際的運用場景中，會比較復雜。
對于這個主題，需要學習的內容很多，雖然你可能覺得不需要了解那么多炫酷的選擇器，但是對于每天都需要接觸到CSS的我們來說，還是應該能力了解相關的含義。
學習資源：
CSS Selectors: Just the Tricky Bits
The 30 CSS Selectors you Must Memorize
CSS Attribute Selectors: How and Why You Should Be Using Them
了解瀏覽器的支持
最后一條就是你應該知道你的CSS在哪里可以正常工作。 CSS3可能無法忽視，但是可悲的現實是有些瀏覽器它并不支持（例如IE老版本）
對于一些新的開發工程師來說，可能并不是去記住那個CSS特性在瀏覽器中被支持或者不被支持，而是應該去哪里去查找。
學習資源：
Nailing Browser Support in CSS3 and HTML5: Invaluable Resources to Use Today
Browser Support for CSS3: What’s the Current Status?
The Importance of Cross Browser Compatibility: Tips and Resources
了解CSS中的定位（position）
如果你需要深度的了解CSS如何移動HTML元素，或者控制元素的位置和顯示的話，定位是一個不可獲取的基本知識，而且除了了解簡單和具有普遍性的定位外，你需要了解他們具體的不同。
其實這里包含了5個基本的定位方式，如果你不能直接說出名字來的話，那么你需要好好的了解一下這方便的知識了，包含：
static
relative
absolute
inherit
fixed
以上五種定位你都需要了解，但是實際最常用的是relative和absolue。
學習資源：
The Lowdown on Absolute vs. Relative Positioning
CSS Positioning 101
Learn CSS Positioning in Ten Steps
對于上面我們介紹的5學習CSS的重點提高的方便，如果你能夠真正的了解和學習，相信在非常短的時間內，你的CSS編碼水平會有一個非常高的提升，還想什么，開始學習吧！
河南億恩科技股份有限公司(www.czbl888.cn)始創于2000年，專注服務器托管租用，是國家工信部認定的綜合電信服務運營商。億恩為近五十萬的用戶提供服務器托管、服務器租用、機柜租用、云服務器、網站建設、網站托管等網絡基礎服務，另有網總管、名片俠網絡推廣服務，使得客戶不斷的獲得更大的收益。
服務器/云主機 24小時售后服務電話：
0371-60135900
虛擬主機/智能建站 24小時售后服務電話：
0371-55621053
網絡版權侵權舉報電話：
0371-60135995
服務熱線：
0371-60135900
