介绍
作为一个小白，很多东西都不懂，东看西看，浪费时间不说，最后还不理解，特此写了这篇文章，给需要的朋友，废话不多说，进入正题
HTML基础
上手开发
有几个要点可能比较难
- 头部
<head>部分，现在阶段只要会用<title>和<meta charset="utf-8">即可，其他东西都涉及到深入的知识，不需要目前掌握 - CSS部分不需要理解可以跳过，脚本部分是JavaScript不需要理解
- 颜色和实体不需要记，知道怎么来查就行
- 文本格式化的内容，以及框架，表格，是大多数时候不常用的功能，理解就好，不需要掌握
- 表单下面的内容很多，需要慢慢消化，现在要写个基础的就好，这个是日后进阶的重点难点
备注：多写代码，多写代码，多写代码，案例一般写三遍，然后自己举一反三，多思考多问问题，深入摸索。
进入CSS学习
-
直接刷基础课程 点击进入课程
-
一直看到CSS3之前的部分，然后结合HTML熟悉各种属性
-
开始摸索布局，实现一栏，二栏，三栏布局，导航栏，轮播图，下拉菜单，练习居中，定位和浮动，暂时就是刷案例，慢慢理解属性的功能
-
CSS3的东西，现在还不需要费时间学，尽量以实例模仿为主，遇到CSS3的东西，再去理解比较好。
重点难点
所有的属性，要基本上都会用，所以不要忽略任何知识，而且经常刷代码，把熟练度练上去。经常看HTML和CSS的手册，去深入研究代码会增加熟练度，但是不要浪费太多时间在阅读上，还是要多写实战代码
深入的知识主要在布局，里面涉及的概念很多，从盒模型开始看，在摸索定位和浮动，浮动掌握清除浮动和BFC上下文，遇到问题就百度，或者找视频看，很快入门。
工具
这时候最好使用在线开发环境，提高写的代码效率，推荐codepen 点击进入
尝试网站实战
可以开始写网站实战，从简单的开始，慢慢做一些复杂的，仿百度，CSS禅意花园和一些简单页面，直接实战是理解最快的，遇到问题，回头看看之前的知识，多总结，多记笔记，多看教程
CSS禅意花园点击进入
学习一点JavaScript
在开始JS之前，要完成2个完整页面的开发，JS并不会增加太多的页面样式，只是一些动态交互的补充，而且后面的信息量巨大，HTML+CSS没有太多经验时，尽量不要接触太深JS，简单了解即可
返回学习HTML5+CSS3进阶
了解HTML5语义化，了解自适应布局，了解移动web布局，了解扁平化设计，了解HTML5，了解CSS3新功能，了解<head>里更多标签使用
开始模仿商城，如京东，淘宝的页面布局，可以看一些系列教程，期间还要学会PS切图，学习GIT，配置好Sublime text的插件，学会用Emmet写代码，学写Markdown文件，通过它多记一些笔记
阶段总结
到目前为止，你就基本上实现了HTML和CSS的学习，你可以写大量的页面进行练习，基本上任何页面，以你目前的水平，你都可以通过代码实现，然后你就可以进入JS的系统学习了，工作中前端页面布局和样式方面的基础，你就都掌握了，最少你可以完成相当一部分的前端工作，当然，光有样子还是不够的，有些东西，现在不需要理解，工作以后就会慢慢提高，会慢慢注意到代码的简洁性，兼容性和高效性的问题。
目前现在写代码的时候，请不要太在意你的方法是否和人家一样，只要能通过自己的想法实现就可以，不要一味的模仿，这样不会提高。主要的是积累学习和思考的方法，遇到问题能自己处理或者百度，对以后的学习很有帮助。
下面就是边拓展Javascript的知识，边复习HTML+CSS的内容，不断结合新知识，实现更多页面的效果，这个对于入门的你也就不是太难的问题了，循序渐进即可。
共同学习，写下你的评论
评论加载中...
作者其他优质文章
