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