Skip to main content

CSS Comments

CSS comments are used to add notes and explanations to your code.

Comments in CSS are ignored by web browsers and are not displayed on the webpage.

CSS comments start with /* and end with */.

As an example:

/* This is a CSS comment. It provides additional information about the code below. */

body {
  background-color: #f2f2f2;
  /* This is a comment about the background color. */
}

h1 {
  color: #007bff; /* This is a comment about the color of the heading. */
}

/* This is a multi-line comment that provides additional information about the code below. 
   It spans across multiple lines. */

p {
  font-size: 16px;
}

In this example:

  • The CSS comments provide additional information about the code.
  • The comment about the background color explains what the background color is, and the comment about the color of the heading explains what the color of the heading is.

Comments can be useful for providing context and clarity to your code, especially when working with larger projects or when collaborating with other developers.

HTML and CSS Comments​

Both HTML and CSS support comments, which are used to provide additional information or to temporarily disable certain parts of the code.

HTML comments start with <!-- and end with -->. Anything between these two symbols is considered a comment and will be ignored by the browser.

As an example:

<!-- This is an HTML comment. It provides additional information about the code below. -->

<h1>Welcome to my website!</h1>
<p>This is some text on my website.</p>

<!-- This is another HTML comment. -->

In this example:

  • The HTML comments provide additional information about the code.
  • The first comment explains what the comment is for, and the second comment is used to provide some extra white space in the code.