CREARE SITI WEB in HTML e CSS > Inserire commenti tra il codice CSS - /* */
Per inserire dei commenti tra il codice dei Fogli Stile (o CSS) dovrai far uso di un altro tipo di stringhe:
/* : elemento di inizio commento (per CSS)
*/ : elemento di fine commento (per CSS)
Si tratto dei semplici caratteri slash(/) e asterisco(*) molto semplici da digitare da tastiera.
HTML-Kit colora automaticamente di verde (per impostazione predefinita) tutto quello che sta all'interno degli elementi che racchiudono i commenti (vale anche per quelli in HTML);
facilitando in questo modo la lettura del codice.
...
<!-- da qui inizia la dichiarazione dei Fogli Stile o CSS --> <style type="text/css">
body { /* dichiaro l'elemento body che è tuto il corpo della pagina e apro la parenesti grafa */
background-color: pink; /* con questa proprietà imposto il colore di sfondo e termino con il punto e virgola */
} /* chiudo la parentesi grafa */
h1 {
font-size: 14pt; /* qui imposto le dimensione del carattere */
color: red; /* qui imposto il colore del carattere */
text-align: center; /* qui imposto l'allineamento del testo */
}
h2 { background-color: yellow ; /* yellow corrisponde a giallo */
border: 5px solid green; /* qui imposto il bordo - "5px" è lo spessore - "solid" è il tipo di linea - "green" è il colore della linea */
font-size: 12pt;
}
h3 {
font-weight: bold; /* qui metto in grassetto il tag h3 */
font-style: italic; /* qui metto in corsivo il tag h3 */
}
</style>
</head> <!-- Qui finisce l'intestazione della pagina-->
...
<!-- da qui inizia la dichiarazione dei Fogli Stile o CSS --> <style type="text/css">
body { /* dichiaro l'elemento body che è tuto il corpo della pagina e apro la parenesti grafa */
background-color: pink; /* con questa proprietà imposto il colore di sfondo e termino con il punto e virgola */
} /* chiudo la parentesi grafa */
h1 {
font-size: 14pt; /* qui imposto le dimensione del carattere */
color: red; /* qui imposto il colore del carattere */
text-align: center; /* qui imposto l'allineamento del testo */
}
h2 { background-color: yellow ; /* yellow corrisponde a giallo */
border: 5px solid green; /* qui imposto il bordo - "5px" è lo spessore - "solid" è il tipo di linea - "green" è il colore della linea */
font-size: 12pt;
}
h3 {
font-weight: bold; /* qui metto in grassetto il tag h3 */
font-style: italic; /* qui metto in corsivo il tag h3 */
}
</style>
</head> <!-- Qui finisce l'intestazione della pagina-->
...