作為web開發(fā)人員，無論你是前端開發(fā)或者是后端開發(fā)，也無論你是新手還是大神，對于CSS的知識了解都是需要，在這篇文章中，我們將從五個不同的角度幫助大家快速的提升自己的CSS水平，如果你能夠在以下五點(diǎn)有所突破的話，CSS的編碼能力肯定會有一定的提升。

熟練的掌握float

當(dāng)你初次學(xué)習(xí)CSS的時候，float肯定是最讓你頭疼的地方，但是一旦你了解了基本的知識，你就慢慢會了解如何處理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ù)自己”，這個簡單的俗語擁有非常深層次的含義。但你真正的開始使用DRY coding的時候，你將得到非常干凈整齊的代碼。

和前端我們介紹的主題不太一樣，這個主題內(nèi)容比較狹窄，主要就是使用CSS預(yù)編譯。

當(dāng)然很多人號稱使用預(yù)編譯導(dǎo)致了更差的代碼編寫，但實(shí)際相反。CSS預(yù)編輯器幫助避免了重復(fù)的工作和內(nèi)容。看看類似LESS和SASS的輸出代碼，可以看到它們讓我寫出了更加優(yōu)美的代碼。一旦你喜歡上了這樣方式，你肯定會愛不釋手的。

學(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，你需要對于選擇有一定的了解，聽起來可能比較簡單，但是在實(shí)際的運(yùn)用場景中，會比較復(fù)雜。

對于這個主題，需要學(xué)習(xí)的內(nèi)容很多，雖然你可能覺得不需要了解那么多炫酷的選擇器，但是對于每天都需要接觸到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老版本）

對于一些新的開發(fā)工程師來說，可能并不是去記住那個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如何移動HTML元素，或者控制元素的位置和顯示的話，定位是一個不可獲取的基本知識，而且除了了解簡單和具有普遍性的定位外，你需要了解他們具體的不同。

其實(shí)這里包含了5個基本的定位方式，如果你不能直接說出名字來的話，那么你需要好好的了解一下這方便的知識了，包含：

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

對于上面我們介紹的5學(xué)習(xí)CSS的重點(diǎn)提高的方便，如果你能夠真正的了解和學(xué)習(xí)，相信在非常短的時間內(nèi)，你的CSS編碼水平會有一個非常高的提升，還想什么，開始學(xué)習(xí)吧！

河南億恩科技股份有限公司(mszdt.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小時售后服務(wù)電話：0371-60135900
虛擬主機(jī)/智能建站 24小時售后服務(wù)電話：0371-55621053
網(wǎng)絡(luò)版權(quán)侵權(quán)舉報電話：0371-60135995
服務(wù)熱線：0371-60135900