Css 简明教程

CSS - Comments

在 CSS 中， comments 可用于在样式表中添加说明性注释或注解，且不会被网络浏览器解释为样式指令。

Syntax

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

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

Types of CSS Comments

在 CSS 中，创建注释主要有两种方法：

  1. Single-line Comments: * Single-line comments are created using */ 用于开始注释， / 用于结束注释。

  2. Multi-line Comments: * Multi-line comments allow you to add comments that span multiple lines. They are also enclosed within */ 和 / 。

/* Single line Comment */

/*
Comment
which stretches
over multiple
lines
*/

HTML And CSS comments

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

Syntax

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

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

Example

这是一个显示 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>