CSS相对颜色语法（Relative Color Syntax）是一项新功能，允许使用相对颜色值来生成新的颜色。这一特性是在CSS Color Module Level 5中定义的，旨在使颜色操作更加灵活和动态。
基本用法
相对颜色语法使用函数形式，如rgb(from <color> <channel> <channel> <channel>)，其中<color>是参考颜色，<channel>表示从参考颜色中提取的颜色通道。你还可以使用alpha变量来控制透明度。
例如：
css/* 使用绿色的r、g、b通道生成新的颜色 */
color: rgb(from green r g b);
2024年，CSS引入了一些新特性，使得前端开发更加便捷和高效。以下是一些值得关注的CSS新特性：
1. CSS Grid Level 2
CSS Grid Level 2引入了一些新的功能，比如子网格（subgrid）。子网格允许子元素在父网格的上下文中对齐，而不需要在每个子元素中重新定义网格。
css.container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
.item {
display: grid;
grid-template-rows: subgrid;
}
JS 实现文本转语音
1、在JavaScript中可以使用Web Speech API来实现将文本转换为语音。下面是一个示例的代码
javascript// 创建SpeechSynthesis对象
const synth = window.speechSynthesis;
// 定义要转换成语音的文本
const textToConvert = "这是要转换成语音的文本";
// 创建SpeechSynthesisUtterance对象并设置相关属性
const utterance = new SpeechSynthesisUtterance(textToConvert);
utterance.lang = 'zh-CN'; // 设置语言为中文（需支持）
utterance.rate = 1; // 设置语速（默认值为1）
utterance.volume = 1; // 音量 (0-1)
utterance.pitch = 2; // 设置音调（默认值为1）
// 开始合成语音
synth.speak(utterance);
