作為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.ypdoo.com.cn)始創于2000年，專注服務器托管租用，是國家工信部認定的綜合電信服務運營商。億恩為近五十萬的用戶提供服務器托管、服務器租用、機柜租用、云服務器、網站建設、網站托管等網絡基礎服務，另有網總管、名片俠網絡推廣服務，使得客戶不斷的獲得更大的收益。
服務器/云主機 24小時售后服務電話：0371-60135900
虛擬主機/智能建站 24小時售后服務電話：0371-55621053
網絡版權侵權舉報電話：0371-60135995
服務熱線：0371-60135900