由于当今许多网站的规模和复杂性,样式表可能会变得非常冗长和繁琐。这现在是尤其如此,媒体查询 的响应网站的风格是设计的一个重要组成部分,以确保网站看起来它应该不顾设备。单独的媒体查询可以为CSS文档添加大量新样式,使其更难以使用。这就是CSS评论可以成为网站设计者和开发者的宝贵帮助的地方。
注释添加结构和清晰度
向网站的CSS文件添加注释是为正在审阅文档的人类读者组织该代码的一部分的好方法。当一个网络专业人员在另一个网络专业人员离开时,或者当一组人员在网站上工作时,它还可以确保一致性。
格式良好的注释可以将样式表的重要方面传达给可能不熟悉代码的团队成员。这些评论对于之前在网站上工作但最近没有工作的人也非常有帮助; 网页设计师通常在许多网站上工作,并且很难记住从一个网站到下一个网站的设计策略。
在Web浏览器中呈现页面时,不会显示CSS注释。这些注释仅供参考,就像HTML注释一样(尽管语法不同)。这些CSS注释不会以任何方式影响网站的可视化显示。
添加CSS评论
添加CSS注释非常简单。您只需使用正确的开始和结束评论标记来评论您的评论:
通过添加开始您的评论
/ *
通过添加关闭您的评论
* /
这两个标记之间出现的任何内容都是注释的内容,仅在代码中可见,并且不由浏览器呈现。
/ * -----------------------标题样式----------------------- --- * /
这些评论表明了新的编码部分的开始。
因为注释标记告诉浏览器忽略它们之间的所有内容,所以您可以使用它们来暂时禁用CSS代码的某些部分。这在调试或调整网页格式时很方便。实际上,设计人员经常使用它们“注释掉”或“关闭”代码区域,看看如果该部分不是页面的一部分会发生什么。
要执行此操作,只需在要注释掉的代码(禁用)之前添加开始注释标记; 将结束标记放在您希望禁用部分结束的位置。这些标记之间的任何内容都不会影响网站的可视化显示,允许您调试CSS以查看问题发生的位置。然后,您可以进入并修复该问题并从代码中删除注释。