作為web開發(fā)人員,無論你是前端開發(fā)或者是后端開發(fā),也無論你是新手還是大神,對于CSS的知識了解都是需要,在這篇文章中,我們將從五個不同的角度幫助大家快速的提升自己的CSS水平,如果你能夠在以下五點有所突破的話,CSS的編碼能力肯定會有一定的提升。
熟練的掌握float
當你初次學習CSS的時候,float肯定是最讓你頭疼的地方,但是一旦你了解了基本的知識,你就慢慢會了解如何處理clear fix和overflow相關(guān)的操作。
你需要的就是比較有深度的介紹float相關(guān)的技巧及其行為的文章。
學習資源:
Everything You Never Knew About CSS Floats
All About Floats
The Mystery Of The CSS Float Property
學習DRY Coding概念
“不要重復(fù)自己”,這個簡單的俗語擁有非常深層次的含義。但你真正的開始使用DRY coding的時候,你將得到非常干凈整齊的代碼。
和前端我們介紹的主題不太一樣,這個主題內(nèi)容比較狹窄,主要就是使用CSS預(yù)編譯。
當然很多人號稱使用預(yù)編譯導(dǎo)致了更差的代碼編寫,但實際相反。CSS預(yù)編輯器幫助避免了重復(fù)的工作和內(nèi)容??纯搭愃芁ESS和SASS的輸出代碼,可以看到它們讓我寫出了更加優(yōu)美的代碼。一旦你喜歡上了這樣方式,你肯定會愛不釋手的。
學習資源:
DRY CSS: Don’t Repeat Your CSS
An Introduction To Object Oriented CSS (OOCSS)
An Introduction To SMACSS Guidelines For Writing CSS
了解選擇器
為了寫出清爽并且簡潔的CSS,你需要對于選擇有一定的了解,聽起來可能比較簡單,但是在實際的運用場景中,會比較復(fù)雜。
對于這個主題,需要學習的內(nèi)容很多,雖然你可能覺得不需要了解那么多炫酷的選擇器,但是對于每天都需要接觸到CSS的我們來說,還是應(yīng)該能力了解相關(guān)的含義。
學習資源:
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)實是有些瀏覽器它并不支持(例如IE老版本)
對于一些新的開發(fā)工程師來說,可能并不是去記住那個CSS特性在瀏覽器中被支持或者不被支持,而是應(yīng)該去哪里去查找。
學習資源:
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的重點提高的方便,如果你能夠真正的了解和學習,相信在非常短的時間內(nèi),你的CSS編碼水平會有一個非常高的提升,還想什么,開始學習吧!
河南億恩科技股份有限公司(1tcdy.com)始創(chuàng)于2000年,專注服務(wù)器托管租用,是國家工信部認定的綜合電信服務(wù)運營商。億恩為近五十萬的用戶提供服務(wù)器托管、服務(wù)器租用、機柜租用、云服務(wù)器、網(wǎng)站建設(shè)、網(wǎng)站托管等網(wǎng)絡(luò)基礎(chǔ)服務(wù),另有網(wǎng)總管、名片俠網(wǎng)絡(luò)推廣服務(wù),使得客戶不斷的獲得更大的收益。
服務(wù)器/云主機 24小時售后服務(wù)電話:
0371-60135900
虛擬主機/智能建站 24小時售后服務(wù)電話:
0371-55621053
網(wǎng)絡(luò)版權(quán)侵權(quán)舉報電話:
0371-60135995
服務(wù)熱線:
0371-60135900