Comment

How do you add explanations to specific parts of your code or temporarily disable certain parts when writing CSS code?

In such cases, you can use CSS comments.

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

Copy
/* This is a CSS comment. */
body {
  background-color: lightblue;
}

1. Code Explanation: You can add comments to your CSS code to explain the functionality of certain styles or why specific styles are necessary.

Copy
/* Set the main background color */
body {
  background-color: lightblue;
}

Such comments are helpful when collaborating with team members or when reviewing your code later.

2. Disable Code: If you want to temporarily prevent a specific style from being applied, you can comment it out to deactivate it.

Copy
body {
  /* background-color: lightblue; deactivated background color */
  font-size: 16px;
}

3. Mark TODO or FIXME: Use comments to indicate parts of the code that need to be fixed or reviewed later. TODO indicates tasks to be done later, while FIXME indicates parts that need fixing.

Copy
/* TODO: Adjust font size for responsive design */
h2 {
  font-size: 24px;
}

• You cannot use /* or */ within a CSS comment.

• Comments are not rendered by the browser, but they are visible in the source code of the web page, so it is advisable not to include sensitive information in comments.