1. 长度单位:
- 像素（Pixel，px）: 绝对单位，通常用于屏幕显示。
width: 200px;
- 百分比（Percentage，%）: 相对于父元素的百分比。
width: 50%;
- EM（em）: 相对于元素的字体大小。
font-size: 1.5em;
- REM（rem）: 相对于根元素（html）的字体大小。
font-size: 1.5rem;
- Viewport单位：
- vw（Viewport Width）: 相对于视口宽度的百分比。
width: 50vw;
- vh（Viewport Height）: 相对于视口高度的百分比。
height: 50vh;
2. 颜色单位:
- 十六进制（Hex）: 表示颜色的十六进制值。
color: #3498db;
- RGB（Red, Green, Blue）: 表示颜色的RGB值。
color: rgb(52, 152, 219);
- RGBA（RGB with Alpha）: 表示颜色的RGB值和透明度。
color: rgba(52, 152, 219, 0.8);
3. 时间单位:
- 秒（s）: 用于动画和过渡的时间单位。
transition: 0.5s;
4. 角度单位:
- 度（Degree，deg）: 用于旋转。
transform: rotate(45deg);
5. 其他:
- 频率单位：
- Hz（Hertz）: 表示每秒的周期数。
animation: spin 2s linear infinite;
- 分辨率单位：
- dpi（Dots Per Inch）: 每英寸的点数，通常用于打印样式。
background: url('image.jpg') 300dpi;
这只是一些CSS中常见的单位，具体的选择取决于设计和布局的需求。在使用单位时，了解每个单位的含义和适用场景是很重要的。
转载请注明出处：http://www.zyzy.cn/article/detail/4087/CSS