5.2.2 为样式规则添加注释
2025年09月26日
5.2.2 为样式规则添加注释
在CSS中添加注释,这样就可以标注样式表的主要区域,或者对某条规则或声明进行说明。注释不仅对代码编写者有用,对阅读代码的其他人也有好处。当过几个月再看写过的代码时,会庆幸留下了这些注释。
在样式表中,注释以“/”开头,以“/”结束,中间可输入注释部分,例如:
注释可长可短,但通常较短,注释可以包含回车,因此可以跨越多行,但是不能将注释放在另一个注释里。
可以将注释放在单独的行上,也可以放在声明块里,如图5-8所示。
在设计网页时,样式表很快就会变得很长,因此,对样式表进行组织对于保持CSS易于维护是至关重要的。通常,将相关的规则放在一起,形成分组,并在每组前面放置一段描述性的注释,如图5-9所示。对样式表中的主要区域添加注释,就可以保持样式表井然有序。
图5-8 可以在声明块里或单独的行上添加注释
同时,注释也是很有用的调试工具。将可能引起问题的地方“注释掉”,由于被注释的部分不会在浏览器中显示出来,可以在浏览器中刷新页面,看少了被注释的部分后,问题是否被解决了,如图5-10所示。这是非常常见的调试方式。
图5-9 对样式表中的主要区域添加注释
图5-10 使用注释调试CSS