1. À propos des commentaires
Lors de la création d'un site Web xhtml+CSS, les commentaires en CSS sont très importants. Lors de la création de styles CSS, vous devez conserver l’habitude de commenter avec désinvolture. Généralement, j'ai l'habitude d'écrire des commentaires au format "/* Contenu du commentaire */", car dans les éditeurs dotés de fonctions de surbrillance tels que EditPlus, le "/***************/" couramment utilisé en langage C est utilisé. Des commentaires comme celui-ci n'ont aucun sens, et il n'est pas nécessaire de remplir beaucoup de contenu dénué de sens en guise de séparation. Les documents avec commentaires servent de documents CSS originaux du site Web, lors de la publication du site Web, vous pouvez utiliser un outil de compression CSS pour compresser le CSS et supprimer les commentaires du CSS de sortie afin d'améliorer l'efficacité du transfert de fichiers.
2. À propos de la dénomination
Lorsque je nomme des fichiers CSS, je préfère utiliser des noms sémantiques anglais ou des abréviations. Je peux utiliser des noms pinyin partiels pour les parties inhabituelles. De plus, dans certaines classes dépendantes, je peux utiliser un nom similaire à "list_banner", c'est-à-dire le nom de l'élément parent plus "_" plus le nom de l'élément.
Concernant le nommage, il peut être négocié selon les habitudes des designers de l'équipe. Mais il est préférable d’ajouter un commentaire après le nom afin de pouvoir générer une documentation pour référence future.
3. À propos de l'héritage
En CSS, l'héritage doit être bien utilisé. Par exemple, dans deux divs imbriqués, l'élément parent définit l'attribut background-color comme étant noir. Si l'arrière-plan des éléments enfants est également noir, il n'est pas nécessaire de répéter la définition. Faire bon usage de l’héritage CSS peut rendre votre code plus efficace et rationalisé.
4. Concernant la hiérarchie des définitions CSS
Lors de la définition des classes en CSS, il est recommandé d'utiliser une manière hiérarchique pour décrire les instructions.
Exemple de structure :