在CSS中使用变量（var）可以实现可重用的代码块。CSS变量（var）允许定义一个变量以存储一些重复使用的值，这些变量可以在整个CSS文件中使用。这样可以更轻松地更改和维护CSS样式，同时也可以提高代码的可读性和可维护性。
以下是使用CSS变量（var）实现可重用代码块的步骤：
使用var()函数定义一个变量。例如，可以定义一个变量作为颜色值：
:root {
--primary-color: #007bff;
}这里的:root选择器表示变量将在全局范围内使用。
在需要使用变量的地方使用var()函数引用它。例如，可以在CSS规则中使用变量作为颜色值：
.btn {
background-color: var(--primary-color);
color: #fff;
padding: 10px 20px;
border-radius: 4px;
}这里的--primary-color变量被用作按钮的背景颜色。
如果需要修改变量的值，只需在:root选择器中重新定义变量即可：
:root {
--primary-color: #dc3545;
}这将更改所有引用该变量的CSS规则中的颜色值。
使用CSS变量（var）可以轻松地创建可重用的代码块，从而提高CSS代码的可读性和可维护性。