幾天在Codpen上面看到一份案例，覺得這個最適合小白。所以把這份案例Copy下來與小白分享其中小白在學CSS中所遇到的問題。像那些游戲案例，什么JavaScript網頁特效以及那些大型企業公司類型的案例我覺得對于小白來說是不公平的。有兩點，其一是對于剛剛初學者來說，你不經思考的去模仿那些大型網頁去編寫你的網站對于你來說就像是一份不可能完成的任務，就好比你才剛剛考完駕照，讓你去那些交通比較擁擠的地方上去開車，你缺少的是老司機的經驗。那么放在這里來說也是一樣的，你缺少的實際經驗，有很多東西你還不能達到像大佬或者說像那些工作5年以上那么得心應手，而且還有很多你不知道的東西，對于你來說就是一個模糊的概念。其二，這樣做只會讓你養成一種依賴性，相信那些有工作經驗的都知道，概念理論也是對于程序員來說也是不可或缺的，參考別人的思路會讓你自己的思路完全跟隨于別人，這對你以后的編程生涯會造成很大的影響。這就是碼農與程序員的區別。
當然，在這篇文章分享之前我還是要推薦下我自己的前端群：621071874，不管你是小白還是大牛，小編我都挺歡迎，不定期分享干貨以及各種經典案例（包括此案例），包括我自己整理的一份2017最新的前端資料和零基礎入門教程，歡迎初學和進階中的小伙伴，在這里你沒有約束，你大可暢談你對編程的了解，談談你與眾不同的思想與觀點。
源碼
當然在這里和各位說明一下，這份案例只是讓你更加進一步了解CSS其中的奧秘，而不是讓你去按照此案例來寫出原案例，當然我的意思并不是說抄襲代碼，我也相信對于小白來說這個案例是非常簡單的，只要花點心思去理解其中的概念點相信你也能自己不看代碼就能寫出來。不過，你也能，我也能寫出來，那么你自己的思路呢？你需要的是與眾不同，而不是如出一轍。你可以利用其中的知識點去寫出另外一個同理論，但效果卻不同，甚至比此案例更好的效果出來，這才是我們想要的。
小白該如何學好CSS：
一、基礎學習
無論學什么，想做出些樣子來，都是要付出時間與精力的。網頁制作看著很簡單，用軟件（比如記事本）都能輸出，但是要想做好也不容易，特別是如果想拿網頁制作當作養家糊口的本事來做的。那么，拿出點兒時間來看看html和css的基礎知識，是必須的。而不是要用到什么就跑去論壇或者群里問，下次再遇到又問。
聽過那個相聲么？“這個問題我不能馬上告訴你，馬上告訴你你印象不深。”事實上就是這樣，別人告訴你一句，只能是短期記憶，只有自己查資料甚至走了彎路總結出來的東西才印象深刻。html和css都是很簡單的東西，不涉及算法，不涉及數據庫，只要搞清楚含義就可以。有了基礎，其實很多問題都會迎刃而解，真的遇到了不明白的，再問也不遲。
群里也好，論壇里也好，那些水平高的人，一般都是很忙的，一些太基礎的問題，可能他們不會回答。而有些問題看上去似乎是簡單而且獨立的，但是如果對基礎知識不熟悉，卻又很難解釋得清楚。
例如：浮動和定位。
浮動是布局絕對要用到的東西，定位也是，但是其在瀏覽器內的表現，又涉及到box model、包含塊、文檔流等等知識，同時，還可能有瀏覽器的bug在中間搗亂，那么我想沒有幾個人能用一兩句話說清楚這許多的內容，只有去查資料，認認真真地學、實踐，才能透徹地理解。
二、明白自己要問什么
經常有人問：“為什么這個沒有效果？”，然后給一個截圖。頁面是由代碼來表現的，不給代碼，人家再聰明也沒法猜。經常看到一些帖子，問得問題既模糊，文字又不通順，錯字連篇，讓別人看得都糊涂。問問題都這么不認真，還怎么指望別人去認真回答你？
三、善于使用搜索引擎
其實明白自己要問什么了，最直接且效率最高的方法是使用搜索引擎，網絡的好處就是資料多得目不暇接，也許你的問題已經有人問過——特別對于初學者來說，問題一般都是被問過很多遍的，因此，也許已經有人針對這個問題給過很詳細的解釋，搜一搜看看有沒有，這樣的結果，比別人在論壇或者QQ上隨便打一句兩句話回答你更能提高你自己的水平。
四、謙虛
忽然想起一個小品，說如今楊白勞是大爺，黃世仁要追著求楊白勞還錢。經常看到一些帖子，問問題沒人答，就抱怨論壇人氣低，有人回答了可能沒解決問題，就抱怨沒有能
