许多人都开始学习CSS，但又不知从何入手，所以此文就是给那些初学者所写，带他们踏上CSS列车。 一. CSS学习重在方法! 学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法! 要想掌握CSS, 首先要学会HTML，因为一个样式它是不可能脱离HTML页面的，HTML不与样式结合的话, CSS就失去了存在的意义。所以一般书中都会举一个例子，然后让你上机测试效果，这是笔者想让你有对样式表CSS有一个初步的印象，告诉你CSS能做什么。一个小例子：“麻雀虽小，五脏俱全”，你可能看不懂每一个语句的真正意思。但是你可以记得例子的模式，以后在实践中不断地用，不断用的过程就是不断记的过程，所以不能恢心，不能总认为自己记忆力不好，但不管你骑的是牛也好，千里马也罢，只要有恒心，一定会到达终点的。 阅读一本书，一般来说第一次要先把整个书通读一遍，不理解的也要往下看，在往下看的过程中你也许会找到那个问题的答案。看完后你有一个大概的印象，但一定有很多不明白的地方，没关系，继续往下看。 第二遍你就要边看边做学习笔记了，把你认为是重点的部分写上，还有，你觉得有疑问的部分也要记下，带着疑问看下去，如果没有答案，你可以去BBS上发一个贴子，好心人还是很多的，提示一句：“一定要学会如何去问问题!” 这里就不说了。你还要上机去练习书上的例子，最让你困惑的：“一是记不住，二是对概念的理解有误(这一条可能是书译的不好，另外就是你的理解不对)”，对于第一条你就要树立信心，坚持再坚持下去。当你到达终点时你回发现一切都是顺理成章的事。因为你努力了，努力了就会有回报，有结果。 有好多人也看了，但是没有什么进步，分析主要有以下几个原因： 原因一：压力不够，因为有不少人比如美工学CSS，因为是看别人学，所以学之，不学就没优势!这样的压力是很小的，学不好还有美工这碗饭。 原因二：只是业余学习，这样学还只是玩一玩，因为你不一定非要以这门技术吃饭。 原因三：方法不对，有的人只是在看教程，但他不动手去做，我以前就是看的太多，做的太少，所以有了实践你才能把理论的东西揉进去。 二. 掌握CSS的四个学习阶段 学CSS可以分成以下几个阶段： 阶段一：不去想浏览器的兼容性问题的情况下能做出页面，但页面里到处用TABLE的 模式DIV写出的页面。 阶段二：想到了兼容性问题，但无法提前预防，只会修补问题，大量使用HACK技术(我对HACK技术只是知道，但用的很少) 阶段三：可提前预防BUG，但样式表中大量应用了ID,CLASS，CSS译过来是重叠样式表，比如“DIV P SPAN”。这句代码是标明DIV子元素中P的子元素SPAN，这样写就可以定义SPAN的样式了，不用在SPAN中加入CLASS了。这也就是CSS的优点所在，为什么不好好利用而一定要定义一个CLASS呢! 阶段四：这一阶段是最难的，良好的HTML语义结构、合理的CSS、可重复利用的样式。1、初期不要急着自己去设计页面，直接仿站来让自己获得从0到1的能力。 找一些比较有新意的，结构上稍有复杂度的，基本没切过有高相似度的页面，时间要花在刀刃上。确实培养起了自己对CSS的兴趣。
2、基础技能练习差不多了，可以找份真实的工作来巩固深入学习。比你自己业余去摸索要高效10倍。理解了CSS模块化的思想，才发现自己以前只能算是完成了一个页面，而不算是做好了它。真实的产品开发才是自己的CSS能力真正落地的开始。
3、工作后应继续关注相关一些例如Codrops 等这类能带来CSS使用灵感的网站，去思考为什么，而不是copy它的代码去完成功能。页面开发中有太多重复的工作，如果你一直用一个思路去解决问题，会有碍于经验和能力的积累，形成一个较低级舒适区的怪圈。平时也可以去codepen这类网站收集一些琐碎的灵感，增加知识面学习css过程中千万不要剥离HTML学习。当什么时候理解了html的重要性（从页面开发角度而言，它可以视为是后续良好css和js编码得以实施的基础，相当于程序中的数据结构，设计好了可以让你事半功倍），你才可以称得上是一个合格的页面开发
4、对于新人，建议除了几个关键概念，如布局、盒模型、单位等等，都不应该花大量去扣细节，甚至背书记忆，浏览性学习知道有这个东西就行，在实际应用时再去加深记忆。
以上算抛砖引玉，虽然一直认为纯粹的CSS页面开发并不适合作为前端领域里深入发展的方向，但不可否认，在学习玩耍css的过程中，带给了自己很多乐趣。
