近期有很多小白在自学前端时都遇到了这样一个困惑，发现前端框架在目前互联网公司应用很广泛，于是开始在网上找各种视频来学习框架（vue.js或react.js），但是视频的开篇都会有这样的介绍：学习该内容需要具备一些js基础，于是又开始去找大量关于js相关的视频资料去学习充电，刚刚打开js，开篇又出现了同样的话术：需要具备一些html和css基础，才能学习该课程，于是又开始找html和css相关的视频课程学习，一看课程内容有200多节，瞬间凌乱了，很有挫败感。。。
我们到底该不该把大量时间放在html和css上呢，作为一个在前端行业摸爬滚打了将近10年的一个老鸟，给大家一些建议和参考：
首先告诉大家，对于前端来说，html+css，js，框架这三部分的关系如下：
就像这座金字塔一样：
HTML+CSS是根基，根基扎的稳，房子才能更牢固
Javascript是整个房子的灵魂
而金字塔的顶端就是房子最华丽，最绚烂的部分
所以不能片面的说学哪一部分，不学哪一部分，而是要高效率的把这三部分都掌握好，才能到达金字塔的顶端。
接下来给大家介绍一下学习四步走方法：
想 —》 看 —》 做 —》想
往往看到内容特别多的时候，做一个详细的学习规划，分散到每一天，每一小时，每一分钟，其实就没那么多了
1. 想
首先要明确我们要学习的内容大概有哪些，有一个合理明确的学习规划，例如我们准备要学习html和css的内容了，我们首先要知道学习的内容有哪几部分，分散到每一天我们都需要学习一些什么内容，这样有目标的去看视频，去学习就轻松多了
2.看
最好可以是一边看一边练习，这样理论和实践相结合，我们对知识点的理解会更深刻
看视频要有目的性的去看（不能盲目的为看视频而看视频），最好是带着问题去看视频，这样更有价值
3.做
看完一个内容了，要找几个相同的案例，多练习，熟能生巧
其实内容之间是相互关联的，不是独立的，我们学习了html+css，在学习js的时候同样需要用到我们html和css的内容
因此，我们不需要花大量时间去专门学习html+css，我们只需要把布局用到的一些核心知识点（例如常用的标签，盒模型，浮动，定位等）理解了掌握了就可以了，然后在后面学习js时，多找一些网站案例，复习我们学习过的html+css
俗话说，键盘敲烂，月薪过万，希望小伙伴能够利用百分之40%的时间去学习知识点，利用百分之60%的时间去找大量的网站案例去练习和理解我们的 html和css就可以了！
4. 想
当我们经历了想，看，做这前三个过程后，那么我们最后还是回到了想，这一次想什么呢，简单点来说就是总结，结合视频和练习的案例，对一些知识点进行归纳和总结，在写案例的过程中遇到过哪些bug，是如何解决的，总结一些实战的经验和技巧。
通过上述的一番讲解，我相信小伙伴们应该不再迷茫和困惑如何能把html+css的内容掌握好了，小伙伴们，加油，奥利给！
