一、首先需要学会的是html和css
推荐编码工具：notepad，记事本，dreamwere ，sublime。
推荐学习方法：先参考有关书籍，跟着案例走一遍。然后去w3school上学习。
然后进行基础的巩固，模仿一些网页，尽最大能力去编写。
注意：前期学习时就要养成代码的规范性，最简单的就是标签的对齐,和简单的注解。
代码演示：
<!DOCTYPE html> <html> <head> <meta charset=”utf-8”> <style type=”text/css”> /*此处为css注解*/ </style> </head> <body> <!--该处为html注解--> </body> </html>
一、为网页增加特效，学习js
Js全称jiavascript，是一种脚本语言，用它可以轻松写出很多特效，比如：图片遮罩，图片轮播，弹出框，进度条等......。
推荐在w3school学习js。
入门之后推荐大家学习js的一些类库，比如jquery、prototype等。
推荐学习jquery。
二、提高开发效率，引入框架
要想提高开发效率，并且轻松做出响式页面，就需要学会至少一种框架的使用。推荐前端框架：bootstrap，jquery-mobile；前者适合做响应式，后者适合做移动端。
推荐网站：
w3school、慕课网、csdn、极客学院。
总结：
学习前端入门较快，但要学的精通，还需多加练习案例，甚至可以自己动手开发一些网站。