Commenti Css /* ... */
La sintassi dei commenti CSS in CSS3
In CSS3, i commenti vengono scritti utilizzando la sintassi /* commento */. Tutto ciò che è racchiuso tra /* e */ non viene elaborato dal browser. I commenti sono strumenti fondamentali per migliorare la leggibilità e la manutenzione del codice, oltre a permettere di disattivare temporaneamente delle istruzioni CSS.
Sintassi
Significato:
-
/* ... */: Tutto ciò che si trova tra i simboli/*e*/viene ignorato dal browser. Può essere utilizzato per lasciare spiegazioni, note, o per commentare righe di codice CSS senza eliminarle.
Esempio: Commenti Css
Codice Esempio: Commenti Css
/* Questo è un commento */.comment-example {
width: 300px;
height: 100px;
background-color: lightblue;
/* border: 2px solid blue; questo bordo è stato disabilitato */color: #333;
font-size: 20px;
text-align: center;
padding: 20px;
}
Contenuto Esempio: Commenti Css
Esempio di utilizzo dei commenti CSS
In questo esempio, un commento è stato inserito all'interno del blocco di regole CSS:
CSS e HTML con commento:
<style>
.comment-example {
width: 300px;
height: 100px;
background-color: lightblue;
/* border: 2px solid blue; questo bordo è stato disabilitato */
color: #333;
font-size: 20px;
text-align: center;
padding: 20px;
}
</style>
<div class="comment-example">
Commento CSS in azione!
</div>
Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.
Supporto Browser
IP: 216.73.216.108
