CSS Comments

Add CSS Comments

Comments are used to explain your code and they are ignored by browsers.

A CSS comment begins with "/*", and ends with "*/", like this:


/*This is a comment*/
p{/*from   www  . ja v  a 2s  .  c o  m*/
   color:red;
   text-align:center;
}

The following code uses CSS comments in a html document.


<!DOCTYPE HTML> 
<html> 
    <head> 
        <style type="text/css"> 
        /*This is a comment*/
        p{<!--from www.  j a v  a2s  .c  o m-->
           color:red;
           text-align:center;
        }
        </style> 
    </head> 
    <body> 
        <p>Visit the website</p> 
    </body> 
</html>

Click to view the demo

The code above generates the following result.

Comment among the declaration

We can even put comment among the declaration.


<!DOCTYPE HTML> 
<html> 
    <head> 
        <style type="text/css"> 
        p{<!--  ww  w.  j a  v  a  2s  .c  om-->
           color:red;
           /*This is a comment*/
           text-align:center;
        }
        </style> 
    </head> 
    <body> 
        <p>Visit the website</p> 
    </body> 
</html>

Click to view the demo

The code above generates the following result.