我们应当怎样学习HTML和CSS

目标读者：web前端小白。大神请绕路

学习一门新技术，应当找一本经典入门书，在两三天之内快速翻阅完毕，了解其概貌。

然后再制定一个学习路线图（这个路线图绝大多数情况下非书本目录的顺序），接着遵循学习路线图以知识点为单位进行学习。

在这个学习过程中，仅选定一本书作为主要教材，其他学习资源作为重要及必要辅助。

在这个学习过程中，每个知识点都要完成“学习强化，总结内化”两个基本阶段。

如此，方能入门。

依照上述逻辑，学习HTML和CSS，不应蹉跎太长时间。

我建议大家找一本书，一定不要是大部头，最好半天能够翻完，大体知道HTML和CSS能做到什么，是怎么做到的。

接下来，就要依照知识点勤动手，多练习，在练习的过程中找到自己趁手的工具。一周时间，入门足矣。

但这是讲给爱学习爱动手的小伙伴的，对于三天打鱼两天晒网的学生则不起作用，而对于这种同学，或许什么学习方法都不起作用吧。

在这里有个小故事。

这个学期我教一门叫做《web前端设计与开发》的课程，从一开始便下定决心只教学生代码语法与应用，不指定编辑器。

这样做的目的有二：

初级目标是希望学生不要依赖编辑器特别是dreamweaver等可视化编辑器，到头来以为开发web应用就必须用dreamweaver，只知道用鼠标拖拽自动生成代码，而网页上的元素和源码中哪一个标记对应都搞不明白，更有甚者认为制作web应用就是学会操作dreamweaver，荒唐至极。

更理想一点的目标是希望学生在编码的过程中能够积极主动地去寻找一个提高效率的生产工具，摆脱低效率编码，总是我就是希望学生能够自己开动脑筋，做一个聪明的懒家伙，这是成为高阶学习者的基本素质。

开学前几周每节课都强调说虽然老师没有指定编辑器，但是希望大家自己去网上搜寻一个好用的、适合自己的编辑器，提高自己的编码效率。

可是半学期过去了，仍有很多同学上课练习的时候打开记事本一个标记一个标记往里敲，心情顿时很复杂。

一方面，虽然预料到了这个情况，并且自己的初级目标也达到了，通过不断地写代码，学生知道了效果是怎么样来的。

但是另一方面发现学生根本懒得动脑，没有意识到自己每次重复写那些通用标记多么没必要，或者即使意识到了，也懒得去找、去试。

其实，这在普通高等教育里面不是一个很少见的问题。

学生认为自己逃课是赚了、上课不听讲是赚了，掌握的知识够及格就可以了，多考一分都是浪费，忘记自己是交了学费的。

到头来要考研考公务员或就业的时候，还要自己花钱参加各种辅导班。

其实，这些他们本应自己做得到，或者求助自己的老师即可做得到。

扯远了，下一次我教给大家如何快速入门HTML和CSS。