CSS 经典使用技巧：提升前端开发效率

CSS（层叠样式表）是前端开发中不可或缺的一部分，它为网页添加样式和布局，使其具有吸引力和可读性。在本文中，我们将介绍一些经典的 CSS 技巧，这些技巧可以帮助你提高前端开发效率。

1. 使用 CSS 变量

CSS 变量是 CSS3 引入的一项强大功能，它可以让你定义一个全局的变量，并在整个样式表中重复使用。这样一来，当你需要修改某个样式时，只需修改变量的值，而不需要逐个修改每个样式的定义。

:root {
   
  --main-color: #ff0000;
}

h1 {
   
  color: var(--main-color);
}