新的 CSS 功能正在增强您对网页设计的全部认知

我们刚刚在 Manuel Matuzović 的一篇新文章中向您展示了一系列关于 CSS 网格的观察结果。自从 CSS 网格正式推出以来，它就一直在挑战我们的思维，而 Jen Simmons 将其（以及其他新功能）与她所认为的网页设计布局演变中的更大趋势联系起来。

摘自 Jeremy Keith 关于 Jen 演讲的笔记，“您对网页设计的全部认知都改变了”，该演讲在 2018 年西雅图 An Event Apart 上发表。

这可能是 Web 历史上第六次这样的节点。其中一些节点会彻底改变一切，我们也会更换我们的技术……让我们谈谈布局。接下来是什么？内在 Web 设计。

为什么需要一个新名称？为什么要费这个劲？好吧，讨论流体布局与固定布局或基于表格的布局很有帮助：拥有合适的词汇真的很有帮助。在过去几年中，Jen 需要一个术语来表达“响应式网页设计 +”。

这个“+”是 Web 的内在属性。您应该使用灵活的图像大小还是固定的图像大小？为什么不两者兼而有之，让上下文决定？CSS 网格在其中发挥作用，因为它引入了新的布局方法来响应元素的内在上下文，例如fr单位和minmax()函数。我们并不一定需要媒体查询来使布局响应式。而且，类似地，我们可以选择使用固定布局转换为流体布局。

与我不同，Peter Anglea 出席了演示，并 发布了一个视频，它以极好的方式进一步阐明了这一概念。此外，还有 Jen 的幻灯片！

虽然使用名称可能有助于概念化变化，但我并不确定“内在 Web 设计”是否改变了我们对网页设计的全部认知。我更愿意将其视为增强了我们对它的理解。无论语义如何，这些新的 CSS 功能无疑正在 简化 CSS，即使这些变化的速度有时会 令人眼花缭乱，并让人感觉我们所知的一切都被颠倒了。