Home > Article > Web Front-end > There are several types of css comments

There are several types of css comments

青灯夜游Original: 2021-09-14 16:07:172956browse

css has only one kind of comment. Whether it is a multi-line comment or a single-line comment, it must start with "/*" and end with "*/", and add comment content in the middle. The syntax is "/*comment content*/ "; Any characters placed between the "/*" and "*/" delimiters are treated as comment text and ignored.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

Adding comments in CSS is very simple. All text information placed between the /* and */ delimiters are called comments.

CSS has only one kind of comment. Whether it is a multi-line comment or a single-line comment, it must start with /* and end with */, and add the comment content in the middle.

Any characters contained between the /* and */ symbols are treated as comment text and ignored.

[Example 1] Comments are placed outside the style sheet.

/*定义网页的头部样式*/
.head{ width: 960px; }
/*定义网页的底部样式*/
.footer {width:960px;}

[Example 2] Comments are placed inside the style sheet.

p{
    color: #ff7000;  /*字体颜色设置*/
    height：30px;  /*段落高度设置*/
}

The following example applies CSS code and views the effect in the browser.

[Example 3] Add CSS code comments for paragraphs and titles respectively.

<html>
<head>
<style type="text/css">
/*样式1*/
.STYLE1 {
    color: #009900;  /*字体颜色是绿色的*/
}
/*样式2*/
.STYLE2 {
    font-size: 18px;  /*字体大小为18号字体*/
    color: #FF3300;  /*字体颜色是红色的*/
    font-weight: bold;  /*字体进行了加粗*/
}
/*样式3*/
.STYLE3 {
    color: #0000FF;  /*字体颜色为蓝色*/
    font-family: "黑体";  /*字体为黑体*/
    font-style: italic;  /*字体效果为倾斜*/
}
</style>
</head>
<body>
    <p class="STYLE1">段落设置一</p>
    <p class="STYLE2">段落设置二</p>
    <h2 class="STYLE3">标题设置效果</h2>
</body>
</html>

The page demonstration effect is shown in the figure below.

There are several types of css comments

Related recommendations: "css video tutorial"

The above is the detailed content of There are several types of css comments. For more information, please follow other related articles on the PHP Chinese website!

html5 css css3 样式表

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to check the modules installed by nodejsNext article：How to check the modules installed by nodejs

See more

There are several types of css comments

Related articles