commentaires CSS

chaque langage de programmation vous permet d’ajouter des notes et d’autres conseils qui vous aident à comprendre ce qui se passe. Tous les CSS ne sont pas aussi compréhensibles à première vue que, disons, quelque chose comme font-size: 20px, de sorte que certaines sections de code peuvent bénéficier de l’ajout de notes ou d’autres conseils à proximité. Voici un exemple:

.cf { zoom: 1; /* for IE6 and IE7 */}

le commentaire dans cette ligne de code est la partie qui dit « pour IE6 et IE7”, et est identifiable en tant que tel par la barre oblique inverse précédente suivie d’un astérisque, et l’astérisque et la barre oblique inverse à la fin.,

Nous pouvons en ajouter autant à notre feuille de style que nous le souhaitons, et il est recommandé d’utiliser des commentaires CSS pour aider à identifier les parties de n’importe quelle feuille de style qui pourraient être difficiles à comprendre d’un simple coup d’œil. En utilisant des commentaires CSS pour rendre nos feuilles de style plus lisibles, le CSS sera plus facile à maintenir à l’avenir.

un commentaire CSS peut s’étendre sur plusieurs lignes si nécessaire. Tout ce qui se trouve entre les caractères de commentaire d’ouverture et de fermeture sera ignoré par le navigateur, tout comme les caractères de commentaire eux-mêmes., Si souvent, vous verrez quelque chose comme ça dans un fichier CSS:

/*******************************************************These are the styles forthe header section*******************************************************/

notez que, dans cet exemple, non seulement j’ai inclus les astérisques d’ouverture et de fermeture et les caractères antislash, mais j’ai également ajouté des astérisques supplémentaires couvrant plusieurs lignes. Cela rend le commentaire facile à trouver lors du défilement dans le fichier CSS. Ajoutez des en-têtes de section comme celui-ci dans CSS pour aider à l’organiser en morceaux de code lisibles et connexes.

malheureusement, CSS n’a pas un moyen facile de présenter un commentaire valide d’une seule ligne qui utilise simplement un combo de caractères de commentaire d’ouverture., Par exemple, en JavaScript, vous pouvez commenter une seule ligne de code comme ceci:

// This is a JavaScript comment

ceci est utile en JavaScript car il permet d’annuler facilement une ligne de code entière ou d’ajouter un commentaire utile, avec seulement deux caractères (les barres obliques inverses). Mais en CSS, Il est nécessaire d’utiliser à la fois les caractères d’ouverture et de fermeture pour spécifier les limites des commentaires.

pour des corrections rapides et temporaires, cependant, il est acceptable de créer une sorte de faux commentaire CSS en appliquant le principe que nous avons discuté dans la section précédente sur les erreurs CSS., Disons que nous avons le code CSS suivant:

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

Et disons que nous voulons supprimer temporairement la première ligne (le max-width déclaration). Nous pourrions faire ceci:

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

cela fonctionne bien, mais un moyen plus rapide d’obtenir le même résultat est simplement de mettre des caractères aléatoires au début de la ligne, comme ceci:

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

c’est rapide et efficace, mais ne laissez jamais votre CSS comme ça sur Ce N’est pas un CSS valide et ne doit être utilisé en développement que pour effectuer un débogage rapide.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *