使用CSS注释非常简单，只需要在代码中添加 /* 注释内容 */ 即可。注释内容可以是任意文本，但不会影响页面的呈现效果。比如：
/* 这是一个注释 */
h1 {
font-size: 24px;
color: #333;
}在实际编写中，大家可以使用注释分组、记录思路、暂时屏蔽代码等操作。以分组为例：
/* 页面结构样式 */
header {
height: 60px;
background-color: #fff;
}
nav {
display: flex;
justify-content: center;
align-items: center;
}
/* 页面内容样式 */
.main {
width: 80%;
margin: 0 auto;
}
.article {
float: left;
width: 70%;
}
.sidebar {
float: right;
width: 30%;
}这样，大家就能清晰地看到每个样式规则属于哪个部分。
另外，注释还可以用于调试代码。比如，大家在样式里加入了一个新的样式规则，但是效果并不理想，那大家就可以使用注释将它先屏蔽，并记录下自己的思路。等到以后有更好的解决方案时再取消注释进行调试。
/* .box {
width: 100px;
height: 100px;
background-color: red;
margin: 50px auto;
} */
/* 在 Chrome 浏览器可以使用下面的调试方式
.box {
outline: 1px solid #00ff00;
} */总之，CSS注释不仅可以提高代码的可读性、可维护性，还可以帮助大家更好地理解和调试代码。合理使用注释将会让大家的代码更加工整、清晰和高效。