1、html
2、css
3、js,jquery
4、html5
5、其他前端框架
步骤阅读
方法/步骤
共1图 1 html:html很容易，因为html标签虽然不少，但真正用到的其实不多，大概不到30来个。
2 css:css分为css2.0和css3.0；css3.0是在css2.0的基础上增删了一些样式属性，但是有很多浏览器并支持css3.0，最有代表性的就是ie6、ie7、ie8，从ie9开始已经已经开始支持css3.0了，但是也还不是很完全，ie10+就完全支持了，而像google的chrome浏览器和firefox浏览器则不用担心这些，但是为了兼容性，一些pc端项目往往不用css3.0，所以学习css的时候要注意哪些是css3.0的，哪些css2.0的，但是css3.0非常强大，现在的手机浏览器几乎都支持css3.0，因此css3.0还是非常有用的。 另外，ie,chrome,firefox,opera,safari这些浏览器对样式的表现有些差异，所以在chrome下表现良好的页面，你还要到其他浏览器上测测，特别是ie。
3 js,jquery:我为什么要把jquery和js放到一起呢？虽然jquery只是js的一个框架，但是作为前端开发真的很难绕过jquery，jquery操作dom真是太容易了，不学都觉得可惜。 但是如果你真的想成为一个高级的前端开发，那么javascript你是非学不可的，在我看来，一个不懂javascript的前端开发，根本就不是真正的前端开发。
4 html5:在工作中，移动端开发时才用html5，pc端用的少，canvas,svg什么的说白了还得会写js。
5 其他前端框架:比如angularjs、zepto.js…这些也是要学的，前提是你前面3步都初步会用了，再来接触这些会好很多，要不然你很难弄懂。对了，最后你还得会一点点fireworks、photoshop，我说是两个都会一点点，你最少得从设计师设计的图片里面把背景图片、图标、logo这些弄出来