• <ul id="mayc0"></ul>
    <ul id="mayc0"><center id="mayc0"></center></ul>
    <strike id="mayc0"><input id="mayc0"></input></strike>
    <ul id="mayc0"></ul>
  • 億恩科技有限公司旗下門戶資訊平臺!
    服務器租用 4元建網站

    快速提升CSS編碼能力的法寶

    我們從五個不同的角度幫助大家快速的提升自己的CSS水平,如果你能夠在以下五點有所突破的話,CSS的編碼能力肯定會有一定的提升。

    作為web開發(fā)人員,無論你是前端開發(fā)或者是后端開發(fā),也無論你是新手還是大神,對于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的輸出代碼,可以看到它們讓我寫出了更加優(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,你需要對于選擇有一定的了解,聽起來可能比較簡單,但是在實際的運用場景中,會比較復雜。

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

    對于一些新的開發(fā)工程師來說,可能并不是去記住那個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.vbseamall.com)始創(chuàng)于2000年,專注服務器托管租用,是國家工信部認定的綜合電信服務運營商。億恩為近五十萬的用戶提供服務器托管、服務器租用、機柜租用、云服務器、網站建設、網站托管等網絡基礎服務,另有網總管、名片俠網絡推廣服務,使得客戶不斷的獲得更大的收益。
    服務器/云主機 24小時售后服務電話:0371-60135900
    虛擬主機/智能建站 24小時售后服務電話:0371-55621053
    網絡版權侵權舉報電話:0371-60135995
    服務熱線:0371-60135900

    標簽 CSSCSS編碼
    0
    0
    分享到:責任編輯:阿柳

    相關推介

    共有:0條評論網友評論:

    驗證碼 看不清換一張 換一張

    親,還沒評論呢!速度搶沙發(fā)吧!