CSS Comments

CSS comments are used to add notes or explanations to your code, helping you and others understand it better.

Comments can be added anywhere in the code, and they can span across multiple lines.
It’s a good practice to add comments to clarify complex parts of your code for future reference or collaboration.
Older methods like  for hiding CSS in older browsers are outdated and not recommended.
Comments are simply ignored by the browser, so they don't affect the output in any way.

HTML

<!--Driver Code Starts-->
<!DOCTYPE html>
<html>

<head>
    <title>Single line comment</title>
<!--Driver Code Ends-->

    <style>
        h1 {
            color: green;
        }

        /* Single line comment */
    </style>

<!--Driver Code Starts-->
</head>

<body>
    <h1>Study portal</h1>
    <p> Study portal for CS students</p>
</body>

</html>
<!--Driver Code Ends-->

Syntax

/* Code comments */

Note: Comments are ignored by browsers, so they won’t affect how your webpage looks or works.

This is a multiline comment:

HTML

<!--Driver Code Starts-->
<!DOCTYPE html>
<html>

<head>
    <title>Multiline Comment</title>
<!--Driver Code Ends-->

    <style>
        h1 {
            color: green;
        }

        /* This is a multiline
           comment */
    </style>

<!--Driver Code Starts-->
</head>

<body>
    <h1>Study portal</h1>

    <p> A Computer Science portal </p>
</body>

</html>
<!--Driver Code Ends-->

CSS comments are universally supported across all modern browsers and platforms. Since they are ignored by the browser, they do not affect the visual layout or functionality of the web page. No special handling or cross-browser testing is required for comments.

Explore