HTML+CSS+JS是前端基础核心知识，肯定是都要学的。在web前端中，HTML是结构标准，CSS是样式标准，JS是行为标准，三者缺一不可。说的直白点，HTML就是骨架，CSS就是皮肤，JS就是灵魂。

 

　　虽说三者的重要性很难分出高下，但在不同的领域里三者有不同的侧重，比如侧重结构布局时，HTML独占优势，侧重样式表现时CSS功能强大，侧重逻辑与交互时，便离不开JavaScript。这么说，可能新手还是一脸懵逼，那我到底应该先学哪个再学哪个最后学哪个呢，还是说三者同时进行？三者之间有没有关联？ 哪种是需要着重侧重的，或者是三点都要进行侧重？在学习的时间安排又应该如何掌握？

 

　　用户通过在浏览器输入HTML页面网址，使浏览器向服务器发出请求，服务器收到请求后返回相应的HTML文件，这就是HTML页面加载和解析过程。我们先用一个例子来理解一下：

 

　　从上图看出，这三者是可以同时搭配使用的。首先HTML是基础，也相对简单，小白很容易入门，但一般需要配合CSS和JavaScript来使用，否则展示效果和交互体验都不够好；CSS一般是不能脱离HTML的，因为它的作用就是给HTML元素设置展示样式；JavaScript是可以脱离HTML和CSS独立出来的，并且可以操作HTML和CSS。

 

　　很多新手小白最拿不准的是web前端的核心是CSS还是JavaScript。

 

　　CSS作为负责调样式的初级前端，则CSS的应用占比大过于JS，这其中有很多的技术。比如：游戏动画效果，CSS3中新增的Canvas、SVG和WebGL，如果你能把CSS学精学透还能深入研究浏览器的实现原理，其实是很了不起的事，并不是像很多人说的那样CSS就是调调颜色和宽高，不属于核心技能；

 

　　JavaScript是一种计算机脚本语言，通过嵌入在HTML文档中来实现控制网页的效果。使用JavaScript可以通过实现网页和用户之间的交互来提高用户体验。ES6更是把JavaScript带到了一个更大的舞台，使得前端也能像后端那样开发复杂的程序，大大提高了前端开发工程师的生产力。如果要进阶高级前端工程师，JavaScript是你需要花大量时间研究学习的。另外对于入门者和初级前端开发，深入的学习一种或几种JS框架技术也是大势所趋，比如React, Vue等。

 

　　以我的经验给想入门的小白们一个参考的学习线路和时间安排如下：

 

　　HTML-3天左右（重点掌握超链接、列表、表单）；

 

　　CSS -10天左右（重点掌握选择器、背景、继承、优先级、盒子模型）；

 

　　JavaScript基础 -12天左右（重点掌握函数、数组、对象、DOM、BOM）；

 

　　以上是入门必备，当然只会这些你还无法胜任Web工程师的工作，还需要学习Web高级进阶，MySql数据库，Node.js，Webpack模块加载器和打包工具，MVVM架构，React等等。