面對變化莫測的 CSS,我該怎麼辦?

做前端有一年多了,好像從來沒有系統地學習過css,總是會在遇到問題的時候再去解決,但是這樣一方面沒辦法從宏觀上去把握css的核心知識,另一方面會不斷出現問題犯錯誤,而且在面對錯誤的時候並不能很好的找到問題的本質原因和核心所在,只是為了解決問題而解決問題。css,到底從何開始??


通常我都告訴別人,你看過多少本書都沒用,因為有時候你甚至不知道這個地方要用 float 還是 position。用 margin 還是用 padding,要實踐。不過,你已經在實踐了,其實有很多東西都知道怎麼解決了。這時,回去看一本書吧,一本能系統地告訴你如何去做得更好的書。你可能大概需要知道的是。

推薦一本。http://book.douban.com/subject/4736167/

然後,再看看下面的知識:

1. Reset 相關的內容

2. CSS 模塊化方面的內容

3. 高效選擇器與低效選擇器 http://code.google.com/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors

作為一個 alipay 有前端。下面 3 個地方絕對通過 CSS 高手必備的東西,至少是我和鴿子知道的,而且能直觀告訴大家的關於 CSS 最重要的東西(歡迎不是 alipay 的也前來圍觀):

1. CSS 規範

2. Alice v3 規範

3. Solutions: 兼容解決方案

再接下來,就是哲學問題了。就像你知道怎麼認字,閱讀,寫字,並知道如何去鑒賞,但不一定知道如何去寫好一段散文或詩歌。so... 加油啦,哲學也有很多東西的嘛... 慢慢來,反正做前端不是一年兩年的事。


樓主,握個手!

CSS絕對地是千變萬化 變化莫測 捉摸不定啊!!

你讓它往左下它就去右上、你讓它居中,它就往邊靠 囧

還有各種瀏覽器兼容性的考慮╮(╯▽╰)╭

據說多寫多練, 慢慢寫出感覺就好了。

在此之前, 這個過程是挺痛苦的,

一起努力 、進步吧⊙▽⊙


定期 review 自己的代碼. 確認每段代碼存在的原因. 有沒有更好的實現方案...

國內公司基本不單獨提供這樣的時間, 靠自己.


實踐 總結 實踐。


1、多看別人的代碼拿來借鑒

2、多反省自己的代碼

3、多做東西並且要積累,不是做一個忘一個


可以先實踐,遇到問題,先學會自己找答案,通過自己的努力找到了答案,下次你才會記得更清楚,然後看一些業內人士的blog,他們通常會分享一些經驗、技巧。然後抽空多看看基礎知識。


基礎要紮實,思路要透徹,demo要測試!

多做,多試,中基礎,多借鑒。

思考,成就好的思維是你進步的快速路徑之上冊。。。。


推薦閱讀:

CSS:line-height:150%與line-height:1.5的真正區別是什麼?
body上加上overflow:hidden為什麼沒形成BFC阻止body下移?
margin-right值的計算疑惑?
a:link/a:visited 為什麼優先順序比class高?
到底該不該用 CSS reset?

TAG:前端開發 | CSS | DivCSS |