Heim > Web-Frontend > Front-End-Fragen und Antworten > Es gibt verschiedene Arten von CSS-Kommentaren

Es gibt verschiedene Arten von CSS-Kommentaren

青灯夜游
Freigeben: 2023-01-11 09:20:09
Original
2966 Leute haben es durchsucht

CSS hat nur eine Art von Kommentar. Unabhängig davon, ob es sich um einen mehrzeiligen Kommentar oder einen einzeiligen Kommentar handelt, muss er mit „/*“ beginnen und mit „*/“ enden und den Kommentarinhalt in der Mitte hinzufügen. Die Syntax lautet „/*Kommentarinhalt*/“. Alle zwischen den Trennzeichen „/*“ und „*/“ platzierten Zeichen werden als Kommentartext behandelt und ignoriert.

Es gibt verschiedene Arten von CSS-Kommentaren

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Das Hinzufügen von Kommentaren in CSS ist einfach. Alle zwischen den Trennzeichen /* und */ platzierten Textinformationen werden als Kommentare bezeichnet. /**/分隔符之间的文本信息都被称为注释。

CSS 只有一种注释,不管是多行注释还是单行注释,都必须以/*开始、以*/结束,中间加入注释内容。

包含在/**/

CSS hat nur eine Art von Kommentar. Unabhängig davon, ob es sich um einen mehrzeiligen Kommentar oder einen einzeiligen Kommentar handelt, muss er mit /* beginnen und mit */ enden , und fügen Sie in der Mitte Kommentarinhalte hinzu.

Alle Zeichen zwischen den Symbolen /* und */ werden als Kommentartext behandelt und ignoriert.

[Beispiel 1] Kommentare werden außerhalb des Stylesheets platziert.

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

[Beispiel 2] Kommentare werden im Stylesheet platziert.

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

Das folgende Beispiel wendet CSS-Code an und zeigt den Effekt im Browser an.

【Beispiel 3】Fügen Sie CSS-Code-Kommentare für Absätze bzw. Titel hinzu.

<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>
Nach dem Login kopieren
Es gibt verschiedene Arten von CSS-KommentarenDer Seitendemonstrationseffekt ist im Bild unten dargestellt.

Verwandte Empfehlungen: „🎜CSS-Video-Tutorial🎜“🎜

Das obige ist der detaillierte Inhalt vonEs gibt verschiedene Arten von CSS-Kommentaren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage