虽已数年，但未就学习专门写过文章，这回破处了。苍蝇不叮没有缝隙的鸡蛋，领导不做没有跟拍的表演，同样，想到写CSS学习的文章也是有原因的（虽然我的不少行为没有原因）。

情景再现（尊重隐私，下面故事中人名均为化名，有加工）：

如月姑娘（本届D2上微博中奖上台最漂亮的那位）的内部分享会——关于CSS3 background相关内容~~
……一顿巴拉巴拉……

如月：假设背景图片500px*500px，则应用background-size:50%后，显示的背景图片大小就是250px*250px
三晶：咔！不对吧！……CSS中的所有百分比都是相对于父级元素的，不会是自身……
仁力：是啊，50%应该相对的是容器指定类型的box的尺寸……

……又巴拉巴拉百分比值相关东西……

如月：哦，教我们网页的那个老师让我们line-height使用百分比形式，说这样更好，行高自适应~~
三晶：咔！我信了你老师的邪！百分比行高并不具有自适应性，除非使用该死低效的*通配符……

上面场景剧情可以总结为：“一个百分号认识所引发的讨论”，然后，引发的后续剧情就是：“一个百分号讨论所引发的写文章的冲动”。

“冲动”在何处？在于我似乎看到了很多人都正面对的，但同时自己并未意识到的学习瓶颈。当然，所谓瓶颈并不是你不能够搞明白line-height:150%和line-height:1.5的区别，而是你没有意识到要搞明白。

这就是我多次提到的：想法、意识远比技术本身更有传授的价值！

“瓶颈”指瓶子的颈部，相对狭窄。这是很传神的一个词，因为狭窄，因此难以突破；但是，一旦突破了，就是广阔天空（偌大瓶身）！

小弟不才，凑合画了个瓶颈示意图，如下：

图中，A → B → C → … 表示进阶，即相关技能的提升；①②③④则表示各个阶段要进入的瓶颈！这个适用于各行业，各学派。

杨过的武功学习与瓶颈
我们都看过《神雕侠侣》，为便于理解，我就以“神雕大侠”杨过的武功成长经历解释上图的含义：

各进阶阶段：

各阶段瓶颈：

您可以对照您目前CSS或JS的学习，您觉得您目前突破的几个学习瓶颈，目前在第几阶段？

CSS的学习入门很容易，也可以说CSS学习的第①个瓶颈很大（见上图①处瓶口），以至于不能称为“瓶颈”。可能只要1年甚至半年的时候，我们就能根据设计图迅速成型页面，能熟练使用些CSS hack，这个阶段我们的成长很快，只要有页面写或只要四处转转，我们每天都能汲取新知识。如果用二维曲线表示就是：

满瓶不动半瓶摇，这个阶段实际上是CSS非常初级的阶段，也是广大页面仔们最为浮躁，最自以为是，最觉得CSS不过如此的阶段！所学越多越知所知甚少，那些成天叫嚣的人往往半吊子居多。

所以，我这里有必要提个醒，睡在冻床上不知冷热的“牛人”们，小看CSS的结果就是你丫直接在高速公路上被淹死！

不过，大多数这个阶段的同行们都清楚，自己还有很多东西要学的。但问题在于，每天也努力工作了，也去花时间学习了，只是似乎只是纯粹经验的积累，没有学到多少实质性的东西。这就是学习的瓶颈！

拿“如月”同学举例：工作是很认真的，页面也是能写的，前端书籍也买了很多，技术博客也会逛，前端技术论坛也参加。但是最后的效果呢？在我看来，还是那个层次，没有实质性的提高！为什么呢？

泛泛的经验积累式学习，看不到自己技术的瓶颈所在，总在同一层次添砖加瓦。就跟杨过的A阶段一样，总是不停地学习新功夫，但都不是很深入很牛逼，结果，连对付霍都都吃力。

广度与深度
任何一门学科都有其广度以及深度。在CSS的A级阶段，显然所学基本上是扩展自己知识面的广度：各个CSS属性熟悉，各个基本盒模型，各个声明在不同浏览器下的表现熟悉，兼容性问题如何修复熟悉等。然而，CSS的属性就那么多，如果只从了解每个CSS属性名称、属性值上来看，肯定会有一天达到饱和的。此时，我们就会觉得似乎没有什么新的东西可学了，CSS的那点东西我都知道了；似乎工作就成了每天的重复。这就是瓶颈期！