CSS Comment

Concept:

CSS comment is not displayed on the screen.It helps to understand the source code by the developers.
It applies inside any CSS file or inside <style>element.
It starts with /* and ends with */.
Multi Line Comments-Write more than one comment inside /* and */.

Note:The CSS comment statement does not display on the screen & it is useful for a screen reader.

Single Line Comment

Write a single line inside /* and */ to make a single-line comment.

General Syntax

     p { color: red; /* Set text color to red */ }

Source Code

      
         p{ color: red; /* Set text color to red */ }

Code Explanation

Note:The CSS single line comment statement is written inside / * Your CSS Comment Statement */ statement.

Multi Line Comment

Write more than one line inside /* and */ to make multi-line comments.

General sysntax for writing multi line comment:

General Syntax

     /*
This is
a multi-line
comment 
*/

Source Code

      
         /*
This is
a multi-line
comment 
*/

Code Explanation

Note:Follow the above mention steps to create single and multi-line comments.

Difference Between HTML & CSS Comment

HTML comment starts with 
CSS comment starts with /* and end with */

Example

General Syntax

     p { color: red; /* This is css comment syntax */ }
<h3>This is HTML commented line</h3>
<!-- This is HTML Comment synatx  -->

Source Code

      
         p{ color: red; /* This is CSS comment syntax. font-size:1.2rem; */ }
<!-- <h2>This is HTML Comment syntax</h2>  -->
<h3>This is HTML commented line</h3>

Code Explanation

Note:Please keep in mind that HTML and CSS comments are useful for screen readers as well as other developers.

Online Test / Quiz

Question set 1

Our Tutorials

Html Tutorial HTML

Css Tutorial CSS

Bootstrap 5 Tutorial BOOTSTRAP 5

Bootstrap 4 Tutorial BOOTSTRAP 4

Materialize CSS Tutorial MATERIALIZE CSS