CSS - 注释



在 CSS 中,**注释**用于在样式表中添加解释性说明或注释,这些注释不会被网页浏览器解释为样式指令。

语法

/* This is a comment */
p {
  color: red; /* Set text color to red */
}

CSS 注释旨在供开发人员使用,并在网页渲染时被浏览器忽略。它们在文档编写、调试等方面很有用。

CSS 注释类型

在 CSS 中,有两种主要方法可以创建注释

  • **单行注释:** 单行注释使用 **/*** 开始注释,并使用 ***/** 结束注释。
  • **多行注释:** 多行注释允许您添加跨越多行的注释。它们也包含在 **/*** 和 ***/** 之间。
/* Single line Comment */

/*
Comment
which stretches
over multiple
lines
*/

HTML 和 CSS 注释

在 HTML 教程中我们了解到,HTML 中的命令定义在 **<!--** 和 **-->** 符号之间。

语法

<html>
   <head>
      <style>
         /* This is a CSS Comment */
      </style>
   </head>

   <body>
      <!-- This is an html comment format -->
   </body>
</html>

示例

以下示例显示了 html 注释和 CSS 注释格式

<html>
<head>
   <style>
      /* Target all div elements */
      div {
         background-color: red; /* Set background color */
         height: 50px; /* Set the height  */
         width: 200px; /* Set the width  */
         padding: 5px; /* Set the padding  */
         border: 5px solid black; /* Set the border  */
      }
   </style>
</head>

<body>
   <!-- This is an html comment format -->
   <div>
      Styles Applied
   </div>
</body>
</html>
广告