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.
A CSS comment is placed inside the <style> element, and starts with /* and ends with */:
You can add comments wherever you want in the code:
Even in the middle of a code line:
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.
In the following example, we use a combination of HTML and CSS comments:
Example
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* Set text color to red */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- These paragraphs will be 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>
Try it Yourself »
Video: CSS Comments
W3schools Pathfinder
Track your progress - it's free!
FAQs
How to Comment in CSS. To comment in CSS, simply place your plain text inside /* */ marks. This tells the browser that they are notes and should not be rendered on the front end.
How do you comment out a line in CSS? ›
Everything in between /* and */ is commented out. If you want to comment out a line, you need /* at the start of the line and */ at the end.
How do you comment in style tag? ›
Like most languages, CSS allows the users to add comments in the stylesheet. Comments in CSS can be added by using the /* tag, which is then closed off by using */ . Note: Code that is commented out is not used to style the page. This technique can be used to add both single and multi-line comments.
What is padding in CSS? ›
In CSS, a margin is the space around an element's border, while padding is the space between an element's border and the element's content. Put another way, the margin property controls the space outside an element, and the padding property controls the space inside an element.
How do you comment in HTML CSS JavaScript? ›
To create a single line comment in JavaScript, begin the line with two forward slashes ( // ). Here's an example of that: // This text is a comment and will be ignored! You can also add a single line comment on the same line as some code.
How do you comment out lines in code? ›
The leading characters // are added to the beginning of each line when commenting one or more lines of code. You can also block comment multiple lines of code using the characters /* */ .
How do you comment selected lines in code? ›
Visual Studio Code: Use the shortcut Ctrl + / (Windows/Linux) or Command + / (Mac) to comment out selected lines or the current line. Use the same shortcut again to uncomment the lines. PyCharm: Use the shortcut Ctrl + / (Windows/Linux) or Command + / (Mac) to comment out selected lines or the current line.
How to center text in CSS? ›
To just center the text inside an element, use text-align: center; This text is centered.
How to comment on a single line in HTML? ›
Ways to Comment in HTML
Each type of comment can be used to add comments in HTML. The single-line comment is given inside the ( <! – comment –> ) tag. It follows the syntax of a single-line comment by adding multiple lines in the comment.
How to connect HTML to CSS? ›
To link the CSS to an HTML file, we use the <link> tag inside the HTML <head> section. Your CSS file will look like the image displayed below: Let's look at another example where you add an image using CSS. Note: Make sure that the image file is in the same folder as the CSS and HTML files.
At its most basic level, CSS consists of two components: Properties: These are human-readable identifiers that indicate which stylistic features you want to modify. For example, font-size , width , background-color . Values: Each property is assigned a value.
How to implement inline CSS? ›
How to use inline CSS ? To use inline CSS, add a “style” attribute to an HTML element and define CSS properties and values within double quotes, Inline CSS has the highest priority out of external, internal CSS, and inline CSS.
What type of CSS is used to format a single website page? ›
Internal CSS is one of the most widely used CSS forms for changing, styling, and modifying the unique styles of a single web page. You can use the internal CSS by integrating the <style> element in the <head> section of a HTML web page.
What are type selectors in CSS? ›
The CSS type selector matches elements by node name. In other words, it selects all elements of the given type within a document. css. /* All <a> elements. */ a { color: red; }
How to add CSS to HTML file? ›
CSS can be added to HTML documents in 3 ways:
- Inline - by using the style attribute inside HTML elements.
- Internal - by using a <style> element in the <head> section.
- External - by using a <link> element to link to an external CSS file.
To center a paragraph in HTML, you can use the <center> tag.
