Parler du style d'écriture CSS

Au fur et à mesure que l'activité de l'entreprise augmente, les besoins deviennent de plus en plus nombreux et l'équipe continue de s'agrandir. Nous rencontrons souvent plusieurs personnes travaillant ensemble pour réaliser le même travail ou entretenir et modifier les œuvres d'autres personnes. Alors, quelle est la chose la plus importante ? toi le plus ? Lorsque nous implémentons une page aux performances complexes, le fichier CSS sera plus encombrant. Les nombreux sélecteurs et attributs sont éblouissants. Alors, comment le positionner plus rapidement et comment écrire des styles plus efficacement ? L'écriture de CSS est ignorée par de nombreuses personnes. Concernant le style d'écriture, j'ai parcouru les travaux de certains sites Web bien connus et j'ai découvert que les lignes horizontales sont presque devenues la norme dans les grands projets de produits. Cependant, chacun a des manières différentes d'écrire CSS, ce qui entraîne une réduction de notre efficacité de travail. . Afin de mieux travailler ensemble et de maintenir la cohérence de l'écriture CSS au sein de l'équipe, nous sommes parvenus à un consensus après plusieurs rebondissements. La méthode d'écriture spécifique est la suivante : les attributs CSS sont écrits horizontalement, les sélecteurs sont écrits verticalement et une nouvelle ligne. doit être ajouté après chaque "," (virgule) ;

Exemple de normes d'écriture de code pour le groupe de refactoring : (Les nombres sont uniquement à titre de démonstration et il n'est pas recommandé d'utiliser des nombres dans des applications réelles.)

.nom_classe_1 .nom_classe_1_1,
.nom_classe_2 ​​.nom_classe_2_1 .nom_classe_2_1_1,
.class_name_3{style1:valeur; style2:valeur; style3:valeur }

Certaines personnes disent qu'un bon code est une œuvre d'art même s'il est ouvert avec le Bloc-notes, et que le fichier de style lui-même est un travail de conception. À l’heure actuelle, il n’existe aucune autorité pour définir cette spécification. Nous ne pouvons faire qu’un simple résumé des deux méthodes d’écriture.

Comparez les fichiers de style eux-mêmes :

Fonctionnalités d'écriture verticale :

1. Chaque propriété CSS se trouve sur sa propre ligne et il n'y aura généralement pas de sauts de ligne ni de barres de défilement horizontales.
2. Vous pouvez trouver le module via Firebug et d'autres outils, et le localiser avec ctrl+g dans DW, ce qui le rend facile à modifier.
3. Il y a des indentations entre les paragraphes d'attributs pour garantir que le code est propre et hiérarchique, conforme aux spécifications du code du langage de programmation et rend les modifications plus intuitives.

Problèmes existants : du code redondant (tel que des caractères d'espacement, des caractères de tabulation, des caractères de nouvelle ligne) ; des barres de défilement verticales accrues sont susceptibles d'apparaître ;