Today we will give complete information about CSS Comment in this article. What are CSS Comments and How are Comments Added in CSS? And what are the benefits of CSS Comment? We have divided this tutorial into small parts. So that you can easily understand each part of CSS Comment.
CSS is a StyleSheet language that styles HTML. That is, CSS styles your HTML documents such as text style, color, border, margin, padding, etc. You can design a web page using CSS.
CSS comments are usually written to explain your code. This is very useful for the users who read your code so that they can understand the code easily. Comments are ignored by the browser.
What is comment in CSS?
Comments are those codes under which the browser cannot see the things written. Only the programmer can see it. Their use is also useful only for programmers.
Also Read: in css what does h1 can be called as
When a programmer writes his code, putting comments in between is very helpful for him to edit later. This means that when we write a program, whatever code we define at that time, after two to four months, we forget which code we wrote in that program with what name.
This also happens because we do not write only one type of code for every project, but in every project, we write new code again, create new blocks, define new ids, classes, etc. It is quite natural to forget the coding of the project. But if we keep putting comments in that project in between, then it becomes certain that for what we are using the code for which way. And even after months, two months, four months, when we edit that project, with the help of comments, we know which code is for what or which block has which style, etc. Comments like this are essential for every programmer.
Types of css comments?
There are two types of comments
Also Read: How to create a website using HTML and CSS
- Single-line comments.
- Multi-line comments.
How do I use comments in CSS?
It is very easy to write comments in CSS.
Single-line comments example.
/* This is a Single Line CSS Comment */Multi-line comments example.
/* This is
Multi-line
comments */CSS comments full example.
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: blue; /* Set text color to blue */
}
/* This style for topfaida copyright elements */
.copy {
color: #555;
font-size: 15px;
}
/* This
comment is
Multi-line
comments. */
.h2{
color: #000;
font-size: 22px;
}
</style>
</head>
<body>
<h2>Learn CSS Comments With Topfaida.com</h2>
<!-- These paragraphs will be blue -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>See HTML and CSS comments are not shown in the output:) </p>
</body>
</html>What is used to add comments in CSS?
The same code is used. Similarly, in CSS, the same comment tag is used for single-line comments and multi-line comments. CSS comments begin with ( /* ) the opening tag and end ( / ) with the closing tag. / */ CSS comments are written between these codes.
Benefits of CSS Comments?
- When more than one developer is working on one application or web page, then with the help of developer comment, the code can be easily understood.
- When you do not want to show any information to the users, then you can hide it without deleting the code.
- The style sheet can be divided into different sections through comments.
- When you want to share the code with other developers then you can comment the code. So that it is easier for other developers to understand the code.
Also Read:
Also Read: How to center in css | how to center a div inside a div