你好,我是 winter。
今天我们进入 CSS 的学习。CSS 是前端工程师几乎每天都要用的技术了,不过 CSS 的学习资料却是最糟糕的,这是因为 CSS 并没有像 HTML 和 JavaScript 那样的一份标准文档。
如果我们到 W3C 的网站上搜索看看,可以得到一些信息:
在这里,我们一共看到了 98 份 CSS 相关的标准,它们各自从一些角度规定了 CSS 的特性。
这里我们暂且去掉 Working Draft 状态的标准,可以得到 22 份候选标准和 6 份推荐标准。
既然我们的专栏内容强调去系统性学习 CSS,于是,面对这 22+6 份标准,我们就又需要一条线索,才能把这些离散的标准组织成易于理解和记忆的形式。
在这样的需求下,我找到的线索就是 CSS 语法,任何 CSS 的特性都必须通过一定的语法结构表达出来,所以语法可以帮助我们发现大多数 CSS 特性。
CSS 语法的最新标准,你可以戳这里查看:
这篇文档的阅读体验其实是非常糟糕的,它对 CSS 语法的描述使用了类似 LL 语法分析的伪代码,而且没有描述任何具体的规则。
这里你就不必自己去阅读了,我来把其中一些有用的关键信息抽取出来描述一下,我们一起来看看。