CSS- opmerkingen
CSS-opmerkingen worden niet weergegeven in de browser, maar ze kunnen helpen bij het documenteren van uw broncode.
CSS-opmerkingen
Opmerkingen worden gebruikt om de code uit te leggen en kunnen helpen wanneer u de broncode op een later tijdstip wijzigt.
Reacties worden door browsers genegeerd.
Een CSS-opmerking wordt in het <style>
element geplaatst en begint met /*
en eindigt met */
:
Voorbeeld
/* This is a single-line comment */
p
{
color: red;
}
U kunt commentaar toevoegen waar u maar wilt in de code:
Voorbeeld
p
{
color: red;
/* Set text color to red */
}
Opmerkingen kunnen ook meerdere regels omvatten:
Voorbeeld
/* This is
a multi-line
comment */
p
{
color: red;
}
HTML- en CSS-opmerkingen
Van de HTML-zelfstudie heb je geleerd dat je opmerkingen aan je HTML-bron kunt toevoegen door de
<!--...-->
syntaxis te gebruiken.
In het volgende voorbeeld gebruiken we een combinatie van HTML- en CSS-opmerkingen:
Voorbeeld
<!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>