现代CSS有哪些新功能或特性？

现代CSS新特性：重塑Web开发体验

我们都... 现代 CSS 引入了滚动驱动动画的概念。，你的滚动动画依然可以保持 60fps 的流畅度。这不仅是“少写代码”，更是“性能飞跃”。

增强的样式控制

CSS Today 的数据显示，Scrollbar-Gutter 和 Scrollbar-Color 是 CSS 中的两个新特性。 我悟了。 CSS 中的现代颜色处理方式包括相对颜色语法，它允许你基于现有颜色调整其亮度或饱和度等属性。

Popover API 是为了那些非阻塞的、轻量级的浮层设计的。比如提示框、下拉菜单、上下文菜单。用户点击外部应该能直接关闭它们，按下 Escape 键也能消失。以前实现这些，你需要写一堆 focus 管理和事件监听。现在？只需要一个 popover 属性和 popovertarget浏览器全包了。

自定义原生组件

二是 可自定义的原生下拉选择框。浏览器开始允许开发者直接对 及其内部结构进行样式化。这意味着你终于可以保留原生语义和可访问性的前提下随心所欲地设计下拉框的外观，甚至在里面放图片。

这带来的最大改变是“解耦”。你不再需要在 JS 里维护一堆状态同步，也不需要担心主要原因是主线程阻塞导致浮层位置错乱。这一切都发生在浏览器的渲染层，丝般顺滑，火候不够。。