CSS 注释

CSS 注释

CSS 注释

注释用于解释代码,以后在您编辑源代码时可能会有所帮助。

浏览器会忽略注释。

位于 <style> 元素内的 CSS 注释,以 /* 开始,以 */ 结束:

实例

/* 这是一条单行注释 */p {  color: red;}

亲自试一试

您可以在代码中的任何位置添加注释:

实例

p {  color: red;  /* 把文本设置为红色 */}

亲自试一试

注释能横跨多行:

实例

/* 这是一条多行的注释 */ p {  color: red;}

亲自试一试

HTML 和 CSS 注释

从 HTML 教程中,您学习到可以使用 <!--...--> 语法在 HTML 源代码中添加注释。

在下面的例子中,我们结合使用了 HTML 和 CSS 注释:

实例

<!DOCTYPE html><html><head><style>p {  color: red; /* 将文字颜色设置为红色 */} </style></head><body><h2>My Heading</h2><!-- 这些段落将是红色的 --><p>Hello World!</p><p>这段文本由 CSS 设置样式。</p><p>CSS 注释不会在输出中显示。</p></body></html>

亲自试一试