In CSS, i commenti sono blocchi di testo che servono per annotare e spiegare il codice, ma che non vengono letti dal browser e non sono visibili dall'utente. In questa lezione, vediamo come usarli nel codice CSS.
I commenti posso essere scritti all'interno del codice CSS attraverso:
/* (barra rovesciata + asterisco) per l'apertura del commento.*/ (asterisco + barra rovesciata) per la chiusura del commento.All'interno è possibile inserire qualsiasi contenuto: non verrà letto dal browser e, quindi, non sarà visibile. Serve al programmatore per appuntarsi delle note nel codice CSS.
Vediamo un esempio:
/* Questo è un commento che spiega il colore di sfondo */
body {
background-color: #f0f0f0; /* Grigio chiaro */
}I commenti possono essere inseriti all'interno del tag <style> o nei file CSS (con estensione .css).
I commenti possono essere inseriti in qualsiasi punto del codice CSS, come si vede in questo esempio:
/* Questo è un commento */
body /* Corpo della pagina */ {
background-color:/*colore*/#f0f0f0; /* Grigio chiaro */
}Possono essere anche inseriti su più righe:
/* Questo è un commento
che spiega il
codice CSS qui sotto
*/
body {
background-color: #f0f0f0;
}I commenti all'interno di una pagina web sono diversi in base a dove ci si trova: all'interno del codice HTML, come abbiamo visto nella lezione sulla prima pagina web, i commenti si scrivono tra <!-- e -->; nel CSS si devono inserire usando /* e */.
Vediamo un esempio per capire meglio:
<!DOCTYPE html>
<html>
<head>
<style>
p { /* Colore del testo */
color: green;
}
</style>
</head>
<body>
<p>La mia prima pagina web!</p>
<!-- Commento in HTML -->
</body>
</html>