CSS 注释

2021-04-20 14:12:42 更新

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>

关注公众号，了解更多it技术（it问答网）

←

→