CSS注释用于为代码添加额外的解释，提供了对样式表中某些规则的说明，并且对文档布局没有影响，方便其他开发人员理解代码的意图或作用，或者用于阻止浏览器解析特定区域内的CSS代码。
一、CSS注释
位于<style>元素内的 CSS 注释，以 /* 开始，以 */ 结束：
例如：
/* 这是一条单行注释 */
p {
color: red;
}
/* 这是一条单行注释 */
p {
color: red;
}
/* 这是一条单行注释 */
p {
color: red;
}
或者在代码中的任何位置添加注释：
例如：
p {
color: red; /* 这是一条单行注释 */
}
p {
color: red; /* 这是一条单行注释 */
}
p {
color: red; /* 这是一条单行注释 */
}
横跨多行注释：
例如：
/* 多行的
注释 */
p {
color: red;
}
/* 多行的
注释 */
p {
color: red;
}
/* 多行的
注释 */
p {
color: red;
}
二、HTML和CSS注释
在下面的例子中，我们结合使用 HTML 和 CSS 注释：
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* HTML和CSS注释 */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- HTML和CSS注释 -->
<p>Hello World!</p>
<p>这段文本由 CSS 设置样式。</p>
<p>CSS 注释不会在输出中显示。</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* HTML和CSS注释 */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- HTML和CSS注释 -->
<p>Hello World!</p>
<p>这段文本由 CSS 设置样式。</p>
<p>CSS 注释不会在输出中显示。</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* HTML和CSS注释 */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- HTML和CSS注释 -->
<p>Hello World!</p>
<p>这段文本由 CSS 设置样式。</p>
<p>CSS 注释不会在输出中显示。</p>
</body>
</html>
