All TalkersCode Topics

Follow TalkersCode On Social Media

devloprr.com - A Social Media Network for developers Join Now ➔

CSS Single Line Comment

Last Updated : Mar 11, 2024

CSS Single Line Comment

In this tutorial we will show you the solution of CSS single line comment, as we know comments are mainly of two types. Its first type is single line comment and another one is multiline comment.

In single line, we are able to comment only single line at a time, but whereas in multiline we are able to comment multiple lines at one time.

Today, in this article we understand how to comment single line at a time using CSS. Let’s see.

Step By Step Guide On CSS Single Line Comment :-

As, there are many ways with help of which we are able to comment in CSS.

Comments are mainly used to remove functionalities of extra codes, to leave an introduction or documentary about website like name of company, about author and there are many other things which can comment in html or CSS codes.

Mainly comments are used in every programming languages hence there are different ways to implement comments in all languages.

So, today below we see how to comment in CSS.

<!doctype html>
<html>
<head>
   <title> CSS tutorials </title>
 <style>
body{
 /* height: 100%; */
padding: 0px;
}
.bgImage {
  /* background-image: url("iron_man.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
}
 </style>
</head>
<body class=”bgImage”>
<h1>
 Talker’s code – CSS tutorials
</h1>
<h2>
 Background image CSS cover
</h2>
</body>
</html>
  1. As, here we see that we that in above example we show you an example in which html and CSS codes are used.
  2. Let us understand the above codes step by step.
  3. Here, first of all we create a basic structure of html, in which we use <!DOCTYPE html> which defines the type of document. And next one is our html tags. These tags are paired tag and all the data regarding html is written inside these tags.
  4. After we use our head tag which is again paired tag and contains title and meta information of the webpage. The data written inside head is not showed on the webpage.
  5. Now, next is our title tag which defines the title of webpage. The tag which has its closing tag is known as paired tag. So, this is again paired tag.
  6. Now, next is body which is main tag of html. The data which we written inside body is showed in webpage. Mostly all tags which are helpful to show data or information on screen is written under body tag. Here, we give a class to body which helps us to apply image as background using CSS. Inside body, we use heading tags to show headings.
  7. As, above we see that we write CSS in style tag. And we use /* */
  8. To comment we can also use // these front slashes to comment codes in CSS. Mainly today in most of IDE’s there are pre-defined shortcuts which easily helps to comment codes of every language. And most used shortcut is CTRL + /.

Conclusion :-

At last in conclusion, here we can say that with the help of this article we are able to understand about how to use comment in single line in CSS.

I hope this tutorial on CSS single line comment helps you and the steps and method mentioned above are easy to follow and implement.

Author Image About Dikshita

Passionate Electronics and Communication Engineering student with expertise in web development (HTML, CSS, JS,PHP, Bootstrap, React.js) and content writing. Eager problem solver and tech enthusiast, adept at creating engaging web experiences.

Follow Dikshita On Linkedin 🡪