0% found this document useful (0 votes)
14 views

CSS Comments

The document discusses CSS comments including that they are not displayed in browsers but can help document source code, and explains that comments are used to explain code and may help when editing source code later.

Uploaded by

Leslie Perez
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
14 views

CSS Comments

The document discusses CSS comments including that they are not displayed in browsers but can help document source code, and explains that comments are used to explain code and may help when editing source code later.

Uploaded by

Leslie Perez
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 7

CSS 

Comments
CSS Comments

• CSS comments are not displayed in the browser, but they can help
document your source code.
CSS Comments

• Comments are used to explain the code, and may help when you edit the
source code at a later date.

• Comments are ignored by browsers.


<!DOCTYPE html>
<html>
<head>
<style>
/* This is a single-line comment */
p{
color: red;
}
</style>
</head>
<body>

<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are not shown in the output.</p>

</body>
</html>
• You can add comments wherever you want in the code:

• Comments can also span multiple lines: 


HTML and CSS Comments

• From the HTML tutorial, you learned that you can add comments to your
HTML source by using the <!--...--> syntax.
<!DOCTYPE html>
<html>
<head>
<style>
/* This is a single-line comment */
p {
color: red;
}
</style>
</head>
<body>

<!--This will turn to red--!>


<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are not shown in the
output.</p>

</body>
</html>

You might also like