有不少人曾问我：“你的那个CSS架构我用了，很不错，使用很方便。但是，我经常CSS库的类名有5个甚至更多！而你写的页面很少会这样，为什么呢？”
<span class="db l h24 lh24 b">注意：</span>我是……如果你对CSS细节足够掌握，可能您的使用就会是这样：
<strong class="l lh24">注意：</strong>我是……这就是我说过的，如果页面开发工程师对CSS属性理解不够透彻，我的这种架构对其而言反而会略显吃力！
关于理解
你是否有这样的调试经历：尼玛IE(x)浏览器下出了个奇怪问题，哥哥我不知道原因啊原因啊原因，然后很苦逼地把觉得有可能的CSS属性一个一个试验
唉，可怜的娃，宝贵的青春就这么蹉跎掉了，省下来和前台美女MM调调情也比这强多了~~
为什么我们需要深入理解CSS的一些表现？
1. 所谓“对症下药”，你要先知道这个症，这个根才可以。同样，当我们对CSS的底层表现有一定的理解与认识的时候，遇到一些看似奇怪的问题，我们可以一针见血，一语中的，分分钟搞定，然后，聊天，喝茶，把妹~~
2. 所谓“发明创造”，你要先知道其基本原理，工作机制。同样，当我们面对CSS的一些特殊需求的时候，一些看似蛋疼的问题，我们可以发挥我们的创造性思维，创建一个属于你的首创新方法，然后卖萌，邀功，得瑟~~
例如，我之前折腾过的inline-block两端对齐等。
理解的对与错
每个人的成长经历不同，大脑擅长处理的东西也不同，导致其看待与理解事物的方式也不同。因此，对于同一CSS表现的差异，每个人的理解都不同。
一旦有所差异，就有所谓的“对错”之争。估计不少人会拿《CSS权威指南》上的东西说事：你那种理解是错误的，CSS权威指南上说……或W3C官方文档解释说……
我大学电路老师最后一节课专门讲了她的科学观：何为科学？能够自圆其说，自成体系即是科学。中医算科学吗？算！因其有一套自己解释畅通的理论体系。
同样，对于CSS的理解，我个人一直认为什么对错的争执等都是没有意义的。如果你的解释可以自圆其说，自成体系，且应用无误，哪怕你的解释与什么规范啊权威啊八竿子都打不着，别人压根理解不了，你都是对的，OK的！
拘泥只会限制自身的创造力以及认知能力。火影的世界算是世界吗？是，自圆其说，自成体系！海贼王的世界算是世界吗？是自圆其说，自成体系。
因此，如果你是设计出身，或文学出身的。什么复杂逻辑，深奥解释理解不了，你大可摒弃之，用你自己的世界去解释其表现，你的感性思维以及艺术情怀只会让这个世界变得更精彩！那些自以为是，抱残守缺的杂碎们就不用鸟他们，让他们随着时间消逝去吧~~
好比面对“浮动元素会让外部高度塌陷的原因？”这个问题，你可以这样解释：
只要这类解释能够把其他所有的CSS表现都解释地通，成为体系，都是正确且深入的理解。
四、如何突破？知道问题在哪里，其实已经解决了一大半。下面的问题如何实践了！
杨过16年前就开始意识到要可以自创武功（类似于我们自创CSS实现），但是，最终实现确实N年以后，不断的感悟以及练习才得以成功。
即使你再天才（杨过够天才吧），机遇够神奇（杨过经历够神奇吧），也也是要会很多功夫和精力才能到达另外一个层次的。只是别人可能30年的，你只要20年而已（黄药师说过，杨过20岁的武功修为其30岁才达到）。
我想了想，关于突破瓶颈的建议我有三个：戒骄戒躁、分享讨论、打破重组。
关于戒骄戒躁
如果有人当面说你：“旺财啊，你这个人有时候比较浮躁啊！”你可能心里或嘴上就嘀咕了：“有吗？我不觉得啊。我做事很认真的啊！”
究竟如何呢？人们常说当局者迷旁观者清。
假设你看到了一个用法：
vertical-align:-2px;
你的反应以及做法会是？
A. 我擦，原来vertical-align还支持数值啊，学习了！
B. 哟，vertical-align支持数值？我去查查~~呀，果然~~
C. 切，大惊小怪，我早就知道vertical-align支持数值，包括负值了，百分比值~~
D. 阿拉，我要自己试验下，新建个HTML页面，做个简单demo，看看兼容性什么的~~
E. 啊，什么，我刚扫视了，没注意到~~
对应下表：
选择项
浮躁程度
原因
A
比较浮躁 用法合理性未作验证，直接接收
B
略微浮躁 快餐式的接收，接收证明的观点，但未自己验证，可能会遗留真实的使用细节
C
浮躁 自以为是是学习的大忌，看上去小小的属性其实水很深
D
不浮躁 实践式的验证其实是比较繁琐，费时费力的，浮躁的人都是避免的，沉寂的人才能收心研究之
E
相当浮躁 好吧，如果这里都能pass掉，我就没法再说什么了~~~
相关文章
精彩导读
热门资讯
关注我们
