Commentaires CSS

Tous les langages de programmation permettent des commentaires et autres conseils pour aider à comprendre la signification du code. Tout le code CSS n'est pas aussi clair que font-size: 20px, donc certains extraits peuvent bénéficier de l'ajout de commentaires ou d'autres invites à proximité. Voici un exemple:

.cf {
  zoom: 1; /* 用于IE6和IE7 */
}

Le commentaire de cette ligne de code est la partie "pour IE6 et IE7" qui a une barre de barre de tête suivie d'un astérisque, et l'astérisque et la barre oblique inverse à la fin le reconnaissent. Nous pouvons ajouter autant de commentaires de ce type à une feuille de style, et utiliser des commentaires CSS pour aider à identifier les parties de n'importe quelle feuille de style qui peut être difficile à voir en un coup d'œil est une bonne pratique. En rendant les feuilles de style plus faciles à lire avec les annotations CSS, CSS sera plus facile à entretenir à l'avenir. Les commentaires CSS peuvent s'étendre sur plusieurs lignes si nécessaire. Tout entre les personnages de début et de commentaire de fin sera ignoré par le navigateur, et les personnages de commentaires eux-mêmes seront ignorés. Par conséquent, vous voyez souvent ce qui suit dans votre fichier CSS:

/***************************
****************************
这些是
页眉部分的样式
****************************
***************************/

Notez que dans cet exemple, j'ai non seulement inclus les caractères de début et d'astérisque et de barre arrière, mais j'ai également ajouté des caractères d'astérisque supplémentaires qui s'étendent sur plusieurs lignes. Cela facilite la recherche de commentaires lors du défilement des fichiers CSS. L'ajout de ces titres de section dans CSS aide à les organiser en blocs de code liés faciles à lire. Malheureusement, CSS n'a pas un moyen facile de rendre des commentaires à une seule ligne valides qui utilisent uniquement la combinaison de caractères de commentaire de départ. Par exemple, dans JavaScript, vous pouvez commenter une ligne de code comme ceci:

// 这是一个JavaScript注释

Ceci est utile en JavaScript car il peut facilement invalider toute la ligne de code ou ajouter des commentaires utiles avec seulement deux caractères (barre arrière). Mais dans CSS, les caractères de début et de fin doivent être utilisés pour spécifier les limites de tout commentaire. Cependant, pour les correctifs temporaires rapides, une annotation pseudo-CSS peut être créée en appliquant le principe d'erreur CSS dont nous avons discuté dans la section précédente. Supposons que nous ayons le CSS suivant:

.center-global {
  max-width: 1020px;
  margin: 0 auto;
}

et supposons que nous voulons supprimer temporairement la première ligne (max-width Déclaration). Nous pouvons faire ceci:

.center-global {
  /* max-width: 1020px; */
  margin: 0 auto;
}

Cela fonctionne bien, mais un moyen plus rapide est de simplement placer des personnages aléatoires au début de la ligne, comme ainsi:

.center-global {
  AAAAmax-width: 1020px;
  margin: 0 auto;
}

C'est rapide et efficace, mais ne gardez jamais un tel CSS sur le site Web de l'événement. Ce n'est pas un CSS valide et ne doit être utilisé que pour le débogage rapide du développement.

FAQ sur les commentaires CSS (FAQ)

Quel est le but de l'utilisation d'annotations CSS?

Les annotations dans CSS sont utilisées pour diverses raisons. Ils peuvent être utilisés pour expliquer l'objectif d'un segment de code spécifique, ce qui permet aux autres (ou même plus tard eux-mêmes) de comprendre le rôle du code. Les commentaires peuvent également être utilisés pour désactiver temporairement l'extrait de code pendant le débogage sans le supprimer. Ceci est particulièrement utile lors du test de différents styles ou dispositions.

Comment rédiger des commentaires dans CSS?

Dans CSS, les commentaires sont écrits en entourant du texte entre /* et */. Par exemple, /*这是一个注释*/. Tout entre ces symboles sera ignoré par le navigateur, vous permettant d'écrire des commentaires ou de désactiver temporairement les extraits.

Puis-je utiliser les commentaires CSS pour désactiver les extraits de code?

Oui, vous pouvez utiliser les commentaires CSS pour désactiver temporairement l'extrait. Cela peut être utile lorsque vous déboguez ou testez différents styles. Pour ce faire, joignez le segment de code que vous souhaitez désactiver entre /* et */. Par exemple, /* p { color: red; } */. Le navigateur ignorera tout entre ces symboles.

Y a-t-il différents types de commentaires dans CSS?

Non, il n'y a qu'un seul type de commentaire dans CSS, qui est écrit par du texte enfermé entre /* et */. Cependant, vous pouvez utiliser des commentaires de différentes manières, tels que l'interprétation du code, la désactivation du code ou la séparation des segments de code.

Puis-je utiliser les commentaires CSS pour séparer les segments de code?

Oui, vous pouvez utiliser les annotations CSS pour séparer et organiser des extraits de code. Cela peut rendre votre code plus facile à lire et à comprendre. Par exemple, vous pouvez utiliser des commentaires pour marquer différentes parties d'une feuille de style, comme /* 页眉样式 */, /* 主要内容样式 */ et /* 页脚样式 */.

Les commentaires peuvent-ils couler plusieurs lignes?

Oui, les commentaires dans CSS peuvent s'étendre sur plusieurs lignes. Tout entre /* et */ sera ignoré par le navigateur, peu importe le nombre de lignes qu'elle s'étend. Cela peut être utile lorsque vous avez besoin d'écrire des explications plus longues ou de désactiver les extraits plus importants.

Puis-je nicher des commentaires dans CSS?

Non, vous ne pouvez pas nicher de commentaires dans CSS. Si vous essayez de nicher les commentaires, le navigateur interprète la fin du premier commentaire à la fin de l'ensemble du commentaire, ce qui peut conduire à des résultats inattendus. Si vous avez besoin d'écrire un commentaire en un commentaire, vous devez mettre fin au premier commentaire, écrire un deuxième commentaire, puis démarrer un nouveau commentaire.

Les commentaires dans CSS affecteront-ils les performances du site Web?

Non, les commentaires dans CSS n'affecteront pas les performances du site Web. Le navigateur ignore tout simplement entre /* et */, donc il n'affecte pas la façon dont CSS est traité ou comment le site Web est rendu.

Puis-je utiliser des annotations CSS pour créer une liste de tâches?

Oui, vous pouvez utiliser les annotations CSS pour créer une liste de tâches. Cela peut être un moyen utile de suivre les modifications que vous devez apporter ou les fonctionnalités que vous souhaitez ajouter. Par exemple, vous pouvez écrire des commentaires comme /* TODO：为新窗口小部件添加样式 */.

Les visiteurs du site Web peuvent-ils voir les commentaires dans CSS?

Non, les visiteurs du site Web ne peuvent pas voir les commentaires dans CSS. Ils ne sont visibles que dans le code source et peuvent être affichés en cliquant avec le bouton droit sur la page Web et en sélectionnant "Afficher le code source de la page" ou "Vérifier". Cependant, il convient de noter que toute personne qui regarde le code source pourra voir les commentaires, vous devez donc éviter d'inclure des informations sensibles dans les commentaires.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!