这好像是一个共识,后端转前端,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,
看完本书以后再看一下本书的目录,简直了,把主要属性分组包含到各章,其间的关系原理,简直不要太好。
系统看完以后,布局 样式神马的 简直打通了任督二脉
如下是目录截图,主要包含 选择器 基本视觉格式化 浮动和定位 ,想要系统学习请移步观看本书。想要电子版能够留言。。。