之前网络上大家都在转发说“xxx不要更新了,学不动!”,其实这个问题很早就存在了,各种框架的出现,还有 CSS 里各种预处理器啥的,想想就可怕,是不是?其实不用怕,因为有人说“其实只要掌握好基础,其他的都差不多,一通百通了吧”。听起来似乎没毛病,不过最近看了一个页面,想想要学好一个基础其实也真的没那么容易吧,比如这个:
https://webkit.org/css-status/
这个页面只是 webkit 中的一些 CSS 的一些现状,其中包含已经支持的、未支持的、实验性中的等等各种状态,通过筛选看看那个数量,感觉真的是挺可怕的。

在未筛选的情况下,共有 493 个属性。而如果选择了已经支持了的属性,那么也是有 200 多个,应该不算少的吧。

当然,这些并不是说,在学习 CSS 的过程都一定要掌握,其中一些属性其实实用性并不高,只不过是浏览器的支持性状态而已。如果真的是要学习 CSS 的一些属性,那么就个人想法, 不仅仅是可以通过 mdn 去掌握学习,也可以根据这个 webkit 的支持性列表逐一攻破。
注:mdn 地址:https://developer.mozilla.org/zh-CN/docs/Learn/CSS 如果英文好的话可以直接修改语种去阅读英文版的(不是我崇洋媚外,有一些翻译过来的效果并不是十分好)。
在前面提到的 WebKit CSS Feature Status 这个页面中,如果我们点开某个属性的右边箭头,会看到一些信息:

通过这些信息我们可以简要的了解某个属性的一些属性值,有兴趣的话还可以通过链接地址去 w3c 官网阅读相关文档。还有就是,并不是所有的属性在这里会有 Supported Values。

尝试选择了一下 CSS2.2 规范,在这里居然只有这么几十个属性,还有一些不知道跑哪里去了。😓

还有就是在 CSS2.2 这个下拉列表里出现的,其实也就是我们现在所说的 CSS3 的东西了。现在的 CSS 是分成 N 个模块去升级完善了,所以,CSS3 啊还是 CSS4 啊都无所谓了,后续可以针对自己某个感兴趣的深入学习,最好能直接去 github 给规范小组提 issue。😆

哎😔,无论怎么样都无所谓了,反正呢,要学的东西真的有很多,好好掌握好基础,适当多接触点东西,想想怎么通过工具化、工程化实现需求吧。
学海无涯苦作舟~~~你们继续造轮子,我要继续伐木了,不然没有舟,真担心会淹死在“血海”里。