二维码
搜索 ×

CSS 注释

  • 作者：图形开发学院
  • 更新时间：2023年11月01日
  • 阅读量：0
  • 收藏数：0

CSS 注释

CSS 注释不会显示在浏览器中，但可以 帮助记录您的源代码。

CSS注释

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

浏览器会忽略注释。

CSS 注释放置在<style>元素内，以 /*开头和结尾*/。

1
2
3
4
/* This is a single-line comment */  


p {  color: red;}

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

1
p {  color: red;  /* Set text color to red */}

即使在代码行的中间：

1
p {  color: /*red*/blue; }

注释也可以跨越多行：

1
2
3
4
5
/* This is  
a multi-line  
comment */  

p {  color: red;}

HTML 和 CSS 注释

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

在以下示例中，我们结合使用 HTML 和 CSS 注释：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>



<html>  
<head>  
<style>  
p {  color: red; /* Set text color to red */}  
</style>  
</head>  
<body>

<h2>My Heading</h2>

<!-- These paragraphs will be red -->

<p>Hello World!</p>  
<p>This paragraph is styled with CSS.</p>  
<p>CSS comments are not shown in the output.</p>

</body>  
</html>

推荐教程