本文探讨了学习HTML和CSS的不同阶段，从觉得内容繁多到逐渐掌握基础知识，再到面对复杂性与兼容性的挑战。强调动手实践、调试技巧和持续学习的重要性，指出虽然入门不难，但深入研究则需要应对更多复杂情况。
哎哎哎，先别别忙着打我，让我从 新手+学习路径 的角度给你说说是为啥
这玩意每个人在每个角度看，其实都不太一样
第一层：好难啊--我觉得html，css很复杂
“前端发展这么多年了，html，css有那么多内容，又有html5，又有css3，名字换的比我换手游还快，这咋可能学嘛，无从下手啊”
一般这种是还没开始学，或者刚开始学html，css的，差不多都有这种感悟
不要慌啊朋友，这俩东西东西大部分知识点都是低频使用，实际上一开始要学的超简单，只用学会一开始需要使用的一小部分，就能搭建出可观的页面了，你要知道，这部分要学的东西超级少
少到闲着没事瞄一瞄，几天就看完了
不信你看看这篇文章的html和css部分，时间和提纲都给你了
Web 前端怎样入门？
第二层：好简单啊--这点内容没多少啊
“确实我要是学会html，css的那一部分常用知识点，好像也没几天就看完了，就这？就这？？就这？？？？？？？”
对，就这…这…这你个头啊！！！
你得动手写，写了之后发现并没有那么好写，老是改一个东西就另一个东西就变了
明明和教程写的一样，为啥长得就不一样，凭啥？嗯？？
是因为我长得帅？？嗯？？
不不不，是因为css不正交
先解释正交是啥
调节显示器的时候需要调亮度，颜色等，但是你调节亮度永远不会影响颜色
所以亮度和颜色是正交的
但是css不同啊！！！它的一个样式是由若干的变量共同决定，相互影响的，所以一开始写总觉得复杂的一批！！！
具体的关于css不正交的分析可以看方老师的这篇文章
为什么 CSS 这么难学？
第三层：好复杂啊--老是相互影响我好难办啊
“我真的…真的…不知道，我改动的这个地方，到底影响了什么地方啊啊啊啊啊啊啊！！！别搞我啊啊啊啊啊！！“
其实吧，也没这么恐怖，虽然确实不太好搞
其实其实其实，新手前端总是老忘学一个东西，这东西不难，但是很重要，关键是，能节省你至少一半的找问题时间！！！！
那就是调试，一定要把这玩意刻在心里！！！
遇到bug或者和预期不对应的地方你的第一反应应该是，我该怎么调试？而不是我该怎么搜，我该怎么问？
这个习惯非常简单，但是能大幅提高你成长和学习的速度
把简单的html，css调试学会之后，这一层也就过去了
什么？？？你说你不知道在哪学？？？？我给你！！
不对，给错了，是这个 hhhhhhh
汪小黑：前端入门必会的初级调试技巧
(也是分阶段的喔，入门要学的看两眼就会了，叉会腰<= 0。0 =>
第四层：好简单啊--我现在无所不能
“html，css好简单啊，调试调试，啥都不是事，该会的我都差不多了，我行，我可以！！“
其实这个时候，你的水平就可以了，至少面个试啥的问题不大(毕竟面试js才是重点hhhhh
但是这个时候说简单，那是你还没见到真正复杂的项目==
有些效果的实现，就是要用到一些特殊的css属性，这些css属性你甚至不知道它存在，那你怎么可能写的出来嘛(比如苹果官网的那种酷炫的滚动视差效果
那你能都记住吗，并不能
那如果需求方就是要实现这个效果，不实现不行？？你不就很头大？？？
第五层：好难啊--html，css属性好多啊，好多我都不知道
这个时候好像又回到了第一层？？
嗯？？？
转了一圈又回到了原点？？
果然前端圈就是个圈
不过这个时候技术说这话的场景已经不一样了，这个时候你可能已经是个优秀的前端了(只不过很多特殊的html，css属性不知道而已hhhhhhh
问题也不大，经常去翻翻文档，用到的时候会查就好了
你以为第六层我会继续说html，css简单？？
第六层：好难啊--我现在慌的一批
一般第五层和第六层出现的时机差不多
若干年前，前端有个噩梦，它的名字叫--浏览器兼容
现在大家都放弃低版本IE了，web端也越来越统一，这个还好
但是出现了新的噩梦，这个噩梦叫移动端适配
各种移动端层出不穷，加上国内生态小程序还多的一批
你怎么知道你的代码在另一个机器，或者另一个小程序就没问题？？
有时候遇到诡异的现象你就是找不到bug，除了慌和各种查好像也没有其他办法
这种时候，处理问题的经验就变得非常重要
这个时候你还说html，css简单？？
嗯？？嗯？？？嗯？？？？
反正说一句，我“html，css很菜”准没错，老千层饼了hhhhhhhhhhh
总之，学会到实际工作的程度不难，但是要深入，不简单
溜了溜了，你先别溜！！点赞留下！！
如果在前端学习上遇到了一些问题，也可以联系我加入答疑群，和其他学习前端的小伙伴们一起讨论！
一起努力！
联系方式：公众号菜单栏点击【专属福利-与我联系】即可。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
