CSS实验性功能及CSS4特性

CSS4目前仍然是一个宽泛的概念,因为CSS的发展通常是通过一系列逐步完善的模块来进行的,而不是一次性推出一个全新的“第四代”。许多所谓的“CSS4”特性实际上是正在开发或已经草案阶段的CSS模块,它们可能在未来的CSS规范中被正式采纳。

选择器4:

  • :is():where() 伪类允许动态选择一组元素。
  • :has() 伪类选择器允许基于子元素选择父元素。
  • :scope 伪类用于在Shadow DOM中选择元素。

变量与自定义属性:

  • var() 函数允许在CSS中使用变量。
  • –* 命名的自定义属性提供更强大的变量支持。

颜色模块:

  • 更多的颜色空间,如HSLA、HSV、色彩函数等。
  • color-adjust 属性允许对打印时的颜色进行调整。

布局模块:

  • CSS Grid Layout 提供二维网格布局。
  • CSS Flexbox的增强,例如更多细粒度的控制。
  • CSS Multi-column Layout 用于创建报纸样式的多列布局。

动画与过渡:

  • @keyframes 规则的增强,支持更多的动画选项。
  • will-change 属性用于优化动画性能。

文本模块:

  • font-display 控制字体加载行为。
  • text-decoration 的

猜你喜欢

转载自blog.csdn.net/A1215383843/article/details/139308431