lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

webIntroCssChapter1Title

webIntroCssChapter2Title

webIntroCssChapter3Title

webIntroCssChapter4Title

webIntroCssChapter5Title

# Comment

How can you document certain code or temporarily disable parts of it while writing CSS?

In such cases, you use CSS `comments`.

 

## How to Use CSS Comments

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

```css title="CSS"
/* This is a CSS comment. */
body {
 background-color: lightblue;
}
```

 

## Uses of CSS Comments

1. `Code Explanation`: Add comments to CSS code to explain what a particular piece of CSS does, or why a certain style is necessary.

```css title="CSS"
/* Set main background color */
body {
 background-color: lightblue;
}
```

Comments like these are helpful when collaborating with team members or reviewing your own code later.

 

2. `Disable Code`: Temporarily disable certain styles by commenting them out.

```css title="CSS"
body {
 /* background-color: lightblue; Disable background color */
 font-size: 16px;
}
```

 

3. `Mark TODOs or FIXMEs`: Use comments to mark parts of the code that need to be altered or reviewed later. TODO indicates a task to be done, and FIXME indicates something that needs to be fixed.

```css title="CSS"
/* TODO: Adjust font-size for responsive design */
h2 {
 font-size: 24px;
}
```

 

## Points to Remember

- You cannot nest comments within comments with `/*` or `*/`. 

- Although comments are not rendered by the browser, they are visible in the webpage's source code; therefore, avoid including sensitive information in comments.