CSS 频率值

在 CSS 中，频率值是用于描述多媒体的频率、播放速度和周期的单位。频率值通常用于适配音频和视频文件以及动画的时长。以下是常见的频率值及其描述。

Hz

Hz 表示赫兹（Hertz），是一种计量单位，用于测量周期性事件发生的频率。在 CSS 中，Hz 通常用于设置音频和视频文件的播放速率。

audio {
  playback-rate: 1.5Hz;
}

video {
  playback-rate: 2Hz;
}

kHz

kHz 表示千赫（Kilohertz），是一种计量单位，用于测量一秒内周期事件的数目，等同于 1000Hz。在 CSS 中，kHz 通常用于设置音频和视频文件的采样率、音调的高低以及动画效果的周期。

audio {
  sample-rate: 44.1kHz;
}

video {
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

MHz

MHz 表示兆赫（Megahertz），是一种计量单位，用于测量一秒内的周期事件的数量，等同于 1000000Hz。在 CSS 中，MHz 通常用于设置无线电频率的值，如 @media 查询中的无线电频率属性。

@media screen and (max-frequency: 100MHz) {
  /* 样式规则 */
}

总结

以上是 CSS 中常见的频率值及其应用场景。掌握这些单位将帮助你在设计动画、选择音频和视频文件以及进行媒体查询时更加得心应手。