Andy 关于 CSS 的一些新功能的报道。 如果你有一年没关注 CSS 的新功能，我敢打赌这些东西你都会觉得很新。 其中很多都是最前沿的技术，你可能无法立即将其应用于项目中，但这之间的差距正在迅速缩小。 我粗略估计，一年后我们就能在不经意间使用所有这些东西了。
- 砖块布局 (例如
grid-template-rows: masonry;) 我认为这是一种非常巧妙的方法来处理这个期待已久的特性。 :is选择器 使某些选择器的编写不再那么令人讨厌 (例如article :is(h1, h2, h3):not(:first-child))。 这让我很想知道为什么我们以前没有在 Sass 中创建这样的东西来帮助我们。- 像
min()、max()和clamp()这样的函数，我认为它们最佳实践和巧妙的用法才刚刚开始浮现。 流体排版 是最明显也是最有用的例子，但这只是冰山一角。 ch和ex这样的单位。 我真的很喜欢max-width: 70ch;。 一般来说，排版建议行长应该在 45 到 75 个字符之间 (我曾经做过一个书签来测试它)，所以与其使用一些抽象相关的width来强制执行，不如直接使用字符的实际宽度作为宽度。- 花哨的
text-decoration(例如text-decoration-thickness: 0.5rem;)，这意味着我们可以加粗下划线，而不会失去text-decoration-skip-ink的有用性，就像我们不得不诉诸border一样。
注意：即使在等宽字体中，70ch 也不会给你 70 个连续字符的宽度，因为字符之间有空格。 我在尝试为固定长度的数字完美地调整输入大小时发现了这一点。