CSS -Kommentare
CSS-Kommentare werden im Browser nicht angezeigt, können aber dabei helfen, Ihren Quellcode zu dokumentieren.
CSS-Kommentare
Kommentare dienen zur Erklärung des Codes und können bei einer späteren Bearbeitung des Quellcodes hilfreich sein.
Kommentare werden von Browsern ignoriert.
Ein CSS-Kommentar wird innerhalb des <style>
Elements platziert und beginnt /*
und endet mit */
:
Beispiel
/* This is a single-line comment */
p
{
color: red;
}
Sie können an beliebiger Stelle im Code Kommentare hinzufügen:
Beispiel
p
{
color: red;
/* Set text color to red */
}
Kommentare können auch mehrere Zeilen umfassen:
Beispiel
/* This is
a multi-line
comment */
p
{
color: red;
}
HTML- und CSS-Kommentare
Aus dem HTML-Lernprogramm haben Sie gelernt, dass Sie Ihrer HTML-Quelle Kommentare hinzufügen können, indem Sie die
<!--...-->
Syntax verwenden.
Im folgenden Beispiel verwenden wir eine Kombination aus HTML- und CSS-Kommentaren:
Beispiel
<!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>