css中的单位,css单位rem,css中vh单位,css长度单位,css vw单位,css的单位
CSS3 单位指的是用于描述 CSS 属性值的度量标准，包括长度单位、时间单位、角度单位、频率单位、分辨率单位等。下面列举一些常见的 CSS3 单位：

1. 长度单位
- px：像素，相对于显示器屏幕分辨率而言。
- em：相对单位，基于元素字体大小计算。
- rem：相对单位，基于根元素（html）字体大小计算。
- %：百分比单位，相对于父元素的尺寸计算。

例如：


p { font-size: 16px; } /* 设置段落字体大小为 16 像素 */
h1 { font-size: 2em; } /* 设置标题字体大小为段落字体大小的两倍 */
div { width: 50%; height: 100%; } /* 设置 div 元素宽度为其父元素宽度的 50%，高度为其父元素高度的 100% */


2. 时间单位
- s：秒。
- ms：毫秒。

例如：


animation-duration: 2s; /* 动画持续时间为 2 秒 */
transition-delay: 500ms; /* 过渡延迟时间为 500 毫秒 */


3. 角度单位
- deg：度数，一个完整圆为 360 度。
- rad：弧度，一个完整圆为 2π 弧度。

例如：


transform: rotate(45deg); /* 旋转 45 度 */
transform: rotate(0.5rad); /* 旋转 π/2 弧度 */


4. 频率单位
- Hz：赫兹，表示每秒周期数。
- kHz：千赫兹，表示每秒 1000 个周期数。

例如：


animation-timing-function: cubic-bezier(0.2, 0.3, 0.4, 1.2); /* 动画时间函数为三次贝塞尔曲线，无单位 */
audio { filter: lowpass(500Hz); } /* 音频低通滤波器截止频率为 500 赫兹 */


5. 分辨率单位
- dpi：每英寸点数。
- dpcm：每厘米点数。
- dppx：每像素点数，指显示器上一个 CSS 像素的实际设备像素个数。

例如：


@media (min-resolution: 300dpi) { /* 当分辨率大于等于 300 dpi 时应用该媒体查询规则 */ }
@media (min-resolution: 2dppx) { /* 当设备像素比大于等于 2 时应用该媒体查询规则 */ }