這好像是一個共識,後端轉前端,JS神馬的上手玩的溜,可是CSS,彷佛搗鼓起佈局,各類效果,以爲很麻煩。css
可是爲何呢?由於JS畢竟是邏輯類的面嚮對象語言,和後端語言JAVA、C#等很相似,並且作過這麼多面向對象封裝的後端er,寫起JS這種基於function的的各類邏輯代碼,簡直就是複製粘貼。html
好了,起初轉前端時,會看前端
1 張鑫旭等大牛的一些經常使用佈局www.zhangxinxu.com/wordpress/p…後端
2 還有看全部入門級的css樣式寫法www.runoob.com/css/css-tut…wordpress
看完這麼多上手就是寫div+css,一度把div當作救命稻草,各類元素所有使用DIV,如今想一想真是too young too simple.....佈局
爲何?由於看了上面這些資料仍是很困惑,感受仍是沒有系統掌握,OK,直到我看了一遍CSS權威指南以後,才明白什麼是CSS。學習
1 區分清楚什麼是塊元素、行內元素。flex
2 什麼是替換元素、非替換元素cdn
3 各類元素選擇器,及選擇器權重計算htm
4 佈局原理基於display +float+position。(固然如今有更方便的flex了,這是後話)
什麼叫後端er茅塞頓開。。。。。而後我又回頭去看了看以前寫的那麼多頁面佈局,嗯,一目瞭然,無非就是各類float+display,
看完本書以後再看一下本書的目錄,簡直了,把主要屬性分組包含到各章,其間的關係原理,簡直不要太好。
系統看完以後,佈局 樣式神馬的 簡直打通了任督二脈
如下是目錄截圖,主要包含 選擇器 基本視覺格式化 浮動和定位 ,想要系統學習請移步觀看本書。想要電子版能夠留言。。。