CSS学习中的瓶颈期深入分析

2020-04-27 07:49:51易采站长站整理

虽已数年,但未就学习专门写过文章,这回破处了。苍蝇不叮没有缝隙的鸡蛋,领导不做没有跟拍的表演,同样,想到写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 → … 表示进阶,即相关技能的提升;①②③④则表示各个阶段要进入的瓶颈!这个适用于各行业,各学派。

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

各进阶阶段

阶段A武功杂:蛤蟆功,玉女剑,打狗棒,弹指神通阶段B武功一流:整天蛇胆嗑药,玄武重剑阶段C武功顶尖:勤学苦练,木剑之术;自创神功,黯然销魂掌