/* 对样式进行格式化
**************************************/
.box {
padding: 10px;
margin: 20px;
}
/**************************************/结构与格式的清晰应该是实现CSS代码规范化的首要条件。 在代码中，你应该尽可能明确的控制样式的作用对象，避免重复定义。 同时引入注释机制，不仅使代码更具可读性，而且能让其他的开发者更容易理解你的代码。
/* 使用变量进行样式定义
*************************************/
:root {
--primary-color: blue;
}
.button {
background-color: var(--primary-color);
}
/*************************************/CSS代码中的一些数值和字符串特别常见，所以定义变量就可以让你快速地修改CSS代码中的数值和字符串。如此一来，即使在整个项目开发过程中，意料之外的变更也不会影响项目的整体样式。
/* 简化代码时最好使用简写方式
***************************************/
.box {
margin: 10px 0;
padding: 5px 10px;
border-top: solid 1px #bbb;
}
/***************************************/在代码中，通过使用简写方式变得更加简单， 可以实现把样式简化到制定位数、 形成整洁的代码。这样代码可读性更高， 减少代码量。
总而言之，良好的CSS代码规范会提高项目的可读性和可维护性， 并且让代码的质量更加可靠。