首先，任何技术实际都是从零基础开始的，不管是直接学习还是通过相近经历转行。所以不需要因零基础担心。
  其次，一定要做好准备：一项技术的学习，意味着你各方面资源不同程度的消耗——时间、工具、资金，甚至融入相关交流圈子的准备。在这个准备过程中，最好是带有一个强硬的规划：“我要在一个月内达到能够实现XXX的水平”或者“我一定要在2周内把XXX项目完成”。如果没有这个规划，一般人都会越来越懒惰。
　　然后，选准一个或多个老师。这个老师，可以是一个页面，一本书，也可以是一个真实的人。对于前端这块来说，个人的理解是读十本书不如写一个页面，而我本人也是实实在在地硬着头皮一个标签一个标签google出来的。只有在实际去写的时候，才会出现各种问题，只有在凭自己的思考来解决这些问题的时候，才会得到非常深刻的印象，把相关知识真正转变为自己的。在这里多罗嗦一点，什么叫“选准”老师呢？我参考着去写的第一个页面，是某分类信息网站的首页，一个列表页，除了头尾之外，主体是多个庞杂的列表，并涉及各种布局，总体来讲应该算既不太难又有一些内容的。起手的这一步，如果选择的难度不合适，有可能会造成严重的阻力或者埋下排斥的阴影，学习过程一定要循序渐进。
　　另外，需要着重申明的一点：为什么我在第一句话就说“任何技术实际都是从零基础开始的”？因为我要表达的另一个意思是，无论什么时候，不要忘了在解决问题表象的同时，去推敲一下问题产生的基础，那些最不起眼的基本步。同样一个主导航，为什么有的人写出来非得用上三四层标签，有的人却只有两层甚至一层就搞定？这不光是几个字节的差异，甚至可能为了优化代码结构还需要多花一些时间，但有了这层差异，在整个大项目上反映出来的就是个人代码驾驭能力、页面执行效率、接口程序员的工作强度，甚至关系到SEO、模块结构等很多其他的相关面。BTW，有项目经验的童鞋应该对随时出现的各种“灵异现象”都不陌生吧，往往解决这些问题的关键，也在一些毫不起眼的基本步上，不是吗？
　　多写，多看，多谈，多搜，好刀都是煅出来的：）

从兴趣开始。首先要熟悉HTML的标签,CSS属性，不断的尝试练习不同的排版，从中学习总结技巧，不过初期一定要规范。
HTML&CSS熟悉了，可以学习JS了，从基本的DOM结构了解，然后就是各种方法。
这些都掌握了，基本上前端的基础都牢固了，剩下的就是应用了。
对于基础的《CSS布局实战》可以看看，还有《CSS禅意花园》，不过其实基础部分http://www.w3school.com.cn就足够了，里面的资料和信息很全面，还有实例。

在开始学的时候就要注意压缩网页的代码，即便你的网页时是1k只差，也会涉及很可观的利益