写给后台人员看的前端开发指南-布局篇

后台人员刚开始写前端页面，最最头疼的要数页面布局了：
- 想让某个元素居中，网上找了半天也没有一个好的方法？
- 加个了float：left怎么整个页面都乱套了？
- 怎么让这个元素换行，怎么让那个元素不换行？
- 怎么把这几个div横向排列不换行？
- 看别人的代码满屏都是div，眼花缭乱？
- 书了看了，网上的教程也跟着学了，为什么等到自己要真正开始写的时候却写不出来，那么多标签、那么多css样式，要用哪个？
- …

本人自己也兜兜转转学了很久，看了很多视频教程还有经典书籍，比如《HTML5权威指南》、《CSS权威指南》、《Javascript高级程序指南》、《锋利的jquery》。看书的时候都能看懂，但是真正上手随便写个简单页面时感觉整个人都蒙了，不知道从何写起。仔细想想除了缺乏实践，但更重要的是前端还是和后台开发有着很大的本质区别，我个人总结主要有：

• 后台是单语言，入门和掌握的点比较单一，比如你学php、C/C++、java、python其中的一种，只要买一本入门教程，按照里面的例子写就算入门了，代码都是单线程顺序执行，执行流程比较清晰。而前端则需要HMTL、CSS、JS三者一起共同来实现，因此学习的知识比较分散，而且没有经历过实践的话会比较乱；
• 前端知识基本靠实践和经验，而这恰恰是经典书籍所欠缺的，书本上都是介绍基本概念，每一个标签、每一个样式的使用，而实际页面需要多方面结合；
• 前端知识太灵活多变，框架一年甚至几个月大变血一次。