如何学好前端，成为优秀前端工程师。
1、HTML部分。
把前端比喻成房子的话，HTML可以理解为房子的顶梁柱、框架。HTML 指的是超文本标记语言，这不是一种编程语言，而是一种标记语言。HTML 标签是由尖括号包围的关键词，比如 <html>。并且标签通常是成对出现的，比如 <b> 和 </b>，第一个标签是开始便签，第二个是结束标签。
HTML的学习内容，主要有以下：
一：HTML元素；
二：HTML属性；
三：HTML标题；
四：HTML段落；
五：HTML样式；
六：HTML格式化；
七：HTML引用；
八：HTML计算机代码；
九：HTML注释；
十：CSS；
十一：HTML链接；
十二：HTML图像；
十三：HTML表格；
十四：HTML列表；
十五：HTML块；
十六：HTML类；
十七：HTML布局；
十八：HTML响应式布局；
十九：框架；
二十：HTML内联框架；
二十一：HTML背景；
二十二：HTML脚本：
二十三：HTML头部：
二十四：HTML实体：
二十五：HTML URL；
二十六：HTML URL编码；
二十七：HTML Web服务器；
二十八：HTML颜色；
二十九：HTML颜色名；
三十：HTML文档类型；
具体详细学习资料内容点击：w3cschool网站（http://www.w3school.com.cn/html/index.asp）
2、CSS部分。
把前端比喻成房子的话，HTML可以理解为房子的顶梁柱、框架。而CSS就是给房子刷墙的染料，美化这间房子。
CSS的学习内容，主要有以下：
一：CSS基础语法；
二：CSS高级语法；
三：CSS派生选择器；
四：CSS id选择器；
五：CSS 类选择器；
六：CSS属性选择器；
七：CSS创建；
九：CSS背景；
十：CSS文本；
十一：CSS字体；
十二：CSS链接；
十三：CSS列表：
十四：CSS表格；
十五：CSS轮廓；
十六：CSS内边距；
十七：CSS边框：
十八：CSS外边距；
十九：外边距合并；
二十：相对定位；
二十一：绝对定位；
二十二：CSS浮动；
具体详细学习资料内容点击：w3cschool网站（http://www.w3school.com.cn/css/index.asp）
3、JavaScript部分。
JavaScript 是属于网络的脚本语言。有了JavaScript网页才能有行文，才能动起来。
JavaScript的学习内容，主要有以下：
一：JSS输出；
二：JS语句；
三：JS注释；
四：JS变量；
五：JS数据类型：
六：JS对象；
七：JS函数；
八：JS运算符；
九：JS比较；
十：JS If...Else 语句；
十一：JS Switch；
十二：JS For；
十三：JS While；
十四：JS Break；
十五：JS 错误；
十六：JS验证；
十七：DOM HTML;
十八：DOM CSS;
十九：DOM 事件；
二十：DOM 节点；
二十一：JS对象；
二十二：JS数字；
二十三：JS字符串；
二十四：JS日期；
二十五：JS数组；
二十六：JS逻辑；
二十七：JS算数；
二十七：JS正则表达式；
二十八：JS Window；
二十九：JS Screen；
三十：JS Location；
三十一：JS History；
三十二：JS Navigation；
三十三：JS PopupAlert；
三十四：JS Timing；
三十五：JS Cookies；
三十六：JS 库；
三十七：JS jQuery；
三十八：JS Prototype；
具体详细学习资料内容点击：w3cschool网站（http://www.w3school.com.cn/js/index.asp）
4、web前端学习路线思维导图。
