CSS 注释

CSS 注释

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

浏览器会忽略注释。

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

实例

  1. /* 这是一条单行注释 */
  2. p {
  3.   color: red;
  4. }

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

实例

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

注释能横跨多行：

实例

  1. /* 这是
  2. 一条多行的
  3. 注释 */
  5. p {
  6.   color: red;
  7. }

HTML 和 CSS 注释

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

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

实例

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. p {
  6.   color: red; /* 将文字颜色设置为红色 */
  7. }
  8. </style>
  9. </head>
  10. <body>
  12. <h2>My Heading</h2>
  14. <!-- 这些段落将是红色的 -->
  15. <p>Hello World!</p>
  16. <p>这段文本由 CSS 设置样式。</p>
  17. <p>CSS 注释不会在输出中显示。</p>
  19. </body>
  20. </html>