Commenti CSS
I commenti CSS non vengono visualizzati nel browser, ma possono aiutare a documentare il codice sorgente.
Commenti CSS
I commenti vengono utilizzati per spiegare il codice e possono essere utili quando si modifica il codice sorgente in un secondo momento.
I commenti vengono ignorati dai browser.
Un commento CSS viene inserito all'interno <style>
dell'elemento e inizia con /*
e termina con */
:
Esempio
/* This is a single-line comment */
p
{
color: red;
}
Puoi aggiungere commenti dove vuoi nel codice:
Esempio
p
{
color: red;
/* Set text color to red */
}
I commenti possono estendersi anche su più righe:
Esempio
/* This is
a multi-line
comment */
p
{
color: red;
}
Commenti HTML e CSS
Dal tutorial HTML, hai appreso che puoi aggiungere commenti alla tua fonte HTML usando la
<!--...-->
sintassi.
Nell'esempio seguente, utilizziamo una combinazione di commenti HTML e CSS:
Esempio
<!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>