Commentaires CSS

Commentaires CSS

Les commentaires sont utilisés pour expliquer le code et peuvent être utiles lors de l'édition du code source.

le navigateur ignore les commentaires.

situé <style> les commentaires CSS à l'intérieur des éléments, avec /* commencer, avec */ terminé :

Exemple

/* C'est un commentaire en ligne */
p {
  color: red;
}

Essayer vous-même

Vous pouvez ajouter des commentaires à n'importe quel endroit de votre code :

Exemple

p {
  color: red;  /* Mettre le texte en rouge */
}

Essayer vous-même

les commentaires peuvent couvrir plusieurs lignes :

Exemple

/* C'est un
un commentaire multiline
commentaires */ 
p {
  color: red;
}

Essayer vous-même

les commentaires HTML et CSS

De l'enseignement du tutoriel HTML, vous apprenez que vous pouvez utiliser <!--...--> La syntaxe des commentaires est ajoutée au code source HTML.

Dans l'exemple suivant, nous utilisons à la fois les commentaires HTML et CSS :

Exemple

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* Couleur du texte définie en rouge */
} 
</style>
</head>
<body>
<h2>Mon En-tête</h2>
<!-- Ces paragraphes seront rouges -->
<p>Hello World!</p>
<p>Cet texte est mis en forme par CSS.</p>
<p>Les commentaires CSS ne s'affichent pas dans la sortie.</p>
</body>
</html>

Essayer vous-même