CSS Comments

In CSS (Cascading Style Sheets), comments are used to add explanatory notes or annotations within the stylesheet. Comments are ignored by the browser and do not affect the rendering of the webpage. They are solely for the benefit of developers to document their code and provide context for others (or for themselves) who may read or work on the code later.

CSS supports two types of comments:

Single-line comments:

/* This is a single-line comment */

Single-line comments begin with /* and end with */. Everything between these delimiters is considered a comment.

Multi-line comments::

/*
  This is a multi-line comment.
  It can span multiple lines.
*/

Multi-line comments start with /* and end with */ as well. Unlike single-line comments, multi-line comments can span multiple lines, making them useful for longer explanations.

Here's an example of how comments can be used in a CSS stylesheet:

Example

/* Resetting some default styles for better consistency */
body {
  margin: 0;
  padding: 0;
}

/* Styling the header */
header {
  background-color: #333;
  color: #fff;
  padding: 10px;
}


 /*
  The following styles apply to paragraphs
  within the main content area.
*/

.main-content p {
  font-size: 16px;
  line-height: 1.5;
}

You can click on above box to edit the code and run again.

Output

Comments are a good practice in coding as they enhance code readability and help in maintaining and understanding stylesheets, especially in collaboration with others.