CSS-value
在CSS中，属性的值通常由数字、关键字、百分比、长度单位、颜色值等组成。以下是一些常见的值和单位：
1. 数字：
数字是一种常见的CSS值，表示各种属性的数值。例如：
font-size: 16px; /* 数字作为字体大小的值 */
margin: 10px; /* 数字作为外边距的值 */
opacity: 0.7; /* 数字作为透明度的值 */
2. 关键字：
关键字是一些预定义的标识符，表示特定的值。例如：
font-weight: bold; /* 使用关键字表示粗体字 */
text-align: center; /* 使用关键字表示文本居中对齐 */
color: red; /* 使用关键字表示颜色为红色 */
3. 百分比：
百分比用于表示相对值的百分比。通常用于布局属性。例如：
width: 50%; /* 相对于父元素宽度的50% */
height: 75%; /* 相对于父元素高度的75% */
line-height: 150%; /* 相对于字体大小的行高150% */
4. 长度单位：
长度单位用于表示尺寸。常见的长度单位包括像素（px）、百分比（%）、em、rem等。例如：
width: 200px; /* 固定宽度为200像素 */
margin-left: 2em; /* 左外边距为字体大小的两倍 */
padding-top: 10%; /* 上内边距为父元素高度的10% */
5. 颜色值：
颜色值用于表示元素的颜色。可以使用关键字、十六进制、RGB、RGBA、HSL、HSLA等表示方法。例如：
color: blue; /* 使用关键字表示蓝色 */
background: #ffcc00; /* 使用十六进制表示橙色背景 */
border: 2px solid rgba(255, 0, 0, 0.5); /* 使用RGBA表示半透明红色边框 */
6. 时间和频率单位：
一些属性涉及到时间和频率，例如动画、过渡等。常见的时间单位有秒（s）和毫秒（ms），频率单位有赫兹（Hz）。例如：
transition: opacity 0.5s ease-in-out; /* 过渡时间为0.5秒，缓动函数为ease-in-out */
animation: rotate 2s infinite; /* 旋转动画，持续时间2秒，无限循环 */
这些是CSS中一些常见的值和单位。理解这些概念有助于更好地控制和调整样式。在使用时，根据具体属性的要求，选择适当的值和单位是很重要的。
