Le CSS doit-il être écrit horizontalement ou verticalement ?

Différentes méthodes d'écriture CSS présentent des avantages différents. Par exemple, lors du développement, le CSS est écrit verticalement, codé selon les spécifications, et le format est indenté. Premièrement, le code est très lisible et, deuxièmement, il est facile. pour déboguer ; lors de la mise en ligne, le CSS est écrit horizontalement. Vous pouvez utiliser des outils de construction tels que gulp ou grunt pour écrire des scripts afin d'optimiser le CSS et de réduire la taille du CSS afin que le code généré devienne horizontal.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version css3, ordinateur Dell G3.

Écrire du CSS horizontalement ou verticalement ?

Développement : écrire verticalement, coder selon les spécifications, formater l'indentation, d'une part, le code est très lisible, et d'autre part, il est facile à déboguer

En ligne : utiliser des outils de construction tels comme gulp ou grunt Écrivez des scripts, optimisez les CSS, réduisez la taille des CSS et générez du code horizontal. Chaque propriété CSS est sur sa propre ligne et il n'y aura généralement pas de sauts de ligne ni de barres de défilement horizontales.

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. Il y a des retraits entre les paragraphes d'attributs pour garantir que le code est propre, clair en termes de niveau, conforme aux spécifications du code du langage de programmation et que les modifications sont plus intuitives.

Problèmes existants : code redondant (tel que les espaces, les tabulations, les nouvelles lignes) ; augmentation de la taille des fichiers ; barres de défilement verticales susceptibles d'apparaître.

Fonctionnalités d'écriture horizontale :

Maximise l'utilisation de l'espace, peut afficher davantage sur un seul écran, réduit le risque d'apparition de barres de défilement verticales et peut capturer rapidement Plus information.

Réduit la taille du fichier et élimine les espaces inutiles, les sauts de ligne, etc.

L'écriture horizontale facilite la division et l'annotation des blocs, ce qui facilite la visualisation de la structure CSS, et le sélecteur est clair en un coup d'œil. Les moniteurs d'aujourd'hui sont de plus en plus grands et peuvent pratiquement tout afficher sur une seule ligne.

Accélérez l'écriture du CSS sans saisir à chaque fois des sauts de ligne et des tabulations, et réduisez le nombre de fois où vous tirez sur la barre de défilement. S'il s'agit d'une page active, elle ne sera pas utilisée pour le traitement de compression. Il est recommandé d'utiliser des optimiseurs CSS pour optimiser CSS, mais lors de l'écriture horizontale, il n'y a pratiquement pas d'espaces ni de sauts de ligne supplémentaires, il n'y a donc pas besoin de compression, donc l'efficacité et les capacités seront améliorées.

Facile à lire et à trouver les structures associées. Les éditeurs de code sont relativement efficaces pour localiser le nombre de pairs, nous devons donc résoudre comment localiser rapidement les cibles verticalement. Lors de l'écriture horizontale, les sélecteurs sont alignés verticalement et les sélecteurs de

.class_name_2 .class_name_2_1 .class_name_2_1_1 sont clairement superposés, il est donc facile de localiser la cible.

Lors du débogage de petits bugs, vous pouvez directement ouvrir les modifications CSS sans avoir à ouvrir Firebug pour trouver le module.

L'écriture horizontale est basée sur des sélecteurs CSS. Les niveaux sont faciles à comparer et sont plus propices à la modularisation. Il convient parfaitement à la planification CSS globale et présente de faibles coûts de post-maintenance.

Facile de comparer différentes versions du code CSS.

Problème existant : L'écriture est trop dense, ce qui nuit à la lecture. Cet inconvénient est évident, mais tant que l’optimisation est correctement effectuée, cette situation sera rare.

Bien qu'avec la bande passante actuelle, la taille d'un fichier de page Web en K soit vraiment insignifiante, les concepteurs Web devraient réfléchir à la manière de rationaliser le fichier de page Web en K au minimum. L'une des questions. L'écriture horizontale élimine les espaces inutiles, les sauts de ligne, etc., réduisant ainsi considérablement la taille du fichier.

Nous ne pouvons pas dire quelle méthode d'écriture est correcte. Quant à la méthode d'écriture à utiliser, cela dépend du choix personnel. Bien sûr, le changement d'habitudes peut affecter l'efficacité du travail. Ce que nous préconisons, c'est donc : le CSS. Le fichier de style soumis est Après le formatage du code, ce travail peut être entièrement confié à des outils tels que DW. Tant que nous cliquons, l'intégralité du fichier sera présentée comme nous l'imaginions. Un tel code semble confortable, est facile à modifier et les transferts ultérieurs entre les membres de l'équipe deviendront plus fluides.

Recommandé : "

Tutoriel vidéo CSS

"

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!