There are several types of css comments-Front-end Q&A-php.cn

There are several types of css comments

青灯夜游

Release： 2023-01-11 09:20:09

Original

2949 people have browsed it

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.

There are several types of css comments

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;}

Copy after login

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

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

Copy after login

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>

Copy after login

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!