CSS Commentaires
Commentaires CSS
Les commentaires servent à expliquer le code CSS et peuvent être utiles lorsque vous modifiez le code source ultérieurement.
Ils permettent également de désactiver temporairement des sections de code CSS dans une feuille de style.
Les navigateurs ignorent les commentaires !
Un commentaire CSS se place à l'intérieur de l'élément HTML <style> et commence par /* et se termine par */ :
Exemple
/* Ceci est un commentaire sur une seule ligne */
p {
color: red;
} Vous pouvez ajouter des commentaires où vous le souhaitez dans le code :
Exemple
p {
color: red; /* Définir la couleur du texte sur rouge */
} Même au milieu d'une ligne de code :
Exemple
p {
color: /*rouge*/blue;
} Les commentaires peuvent également s'étendre sur plusieurs lignes :
Exemple
/* Ceci est
un commentaire multi-lignes
*/
p {
color: red;
}
Commentaires HTML et CSS
Dans le tutoriel HTML, vous avez appris à ajouter des commentaires à votre code HTML en utilisant la syntaxe <!--...--> .
Dans l'exemple suivant, nous utilisons une combinaison de commentaires HTML et CSS :
Exemple
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red; /* Définir la couleur du texte sur rouge */
}
</style>
</head>
<body>
<h2>Mon Titre</h2>
<!-- Ces paragraphes seront rouges -->
<p>Bonjour le monde !</p>
<p>Ce paragraphe est stylisé avec CSS.</p>
<p>Les commentaires HTML et CSS ne sont pas affichés dans la sortie.</p>
</body>
</html>