大家好，我是 CUGGZ。
2022 年 CSS 新增了很多特性，例如容器查询、父选择器、子网格、级联层、新视口单位等，多项期待已久的功能已集成到常青浏览器（自动升级到最新版本的浏览器，包括 Chrome、Edge、Firefox 和 Safari）中。下面就来看看 2022 年 CSS 新增的 10 个实用功能吧！
下面来看看和 CSS 颜色相关的一些更新。CSS 工作组有两个新规范将改变我们在 Web 上使用颜色的方式：CSS Color Module Level 4（候选推荐）和 CSS Color Module Level 5（工作草案）。两者仍处于实验阶段，截至 2022 年 12 月，只有 Safari 已实现。
CSS Color Module Level 4 引入了颜色函数的新语法，例如rgb()和hsl()。新语法省略了逗号，依靠空格来分隔颜色空间的每个通道。它还支持可选的 alpha 参数，从而不再需要额外的颜色函数，例如rgba()和hsla()。逗号分隔的形式现在被规范称为“遗留语法”。
4353 阅读
4057 阅读
4041 阅读
4585 阅读
4560 阅读
5327 阅读
4137 阅读
4482 阅读
5423 阅读
4959 阅读
5289 阅读
5239 阅读
4624 阅读
4631 阅读
8909 阅读
5092 阅读
5674 阅读
9818 阅读
5910 阅读
6731 阅读
3735 阅读
3519 阅读
3511 阅读
3728 阅读
大家好，我是 CUGGZ。
2022 年 CSS 新增了很多特性，例如容器查询、父选择器、子网格、级联层、新视口单位等，多项期待已久的功能已集成到常青浏览器（自动升级到最新版本的浏览器，包括 Chrome、Edge、Firefox 和 Safari）中。下面就来看看 2022 年 CSS 新增的 10 个实用功能吧！
1、颜色相关
下面来看看和 CSS 颜色相关的一些更新。CSS 工作组有两个新规范将改变我们在 Web 上使用颜色的方式：CSS Color Module Level 4（候选推荐）和 CSS Color Module Level 5（工作草案）。两者仍处于实验阶段，截至 2022 年 12 月，只有 Safari 已实现。
（1）新颜色函数语法
CSS Color Module Level 4 引入了颜色函数的新语法，例如rgb()和hsl()。新语法省略了逗号，依靠空格来分隔颜色空间的每个通道。它还支持可选的 alpha 参数，从而不再需要额外的颜色函数，例如rgba()和hsla()。逗号分隔的形式现在被规范称为“遗留语法”。