Concernant les habitudes d'écriture, suivre les normes de style résumées dans le passé n'a pas du tout changé. Et récemment, en regardant les travaux des experts, il semble que les rangées horizontales deviennent progressivement courantes dans les grands projets de produits. Je pense personnellement que l'efficacité de la maintenance est effectivement plus élevée de cette manière, et qu'à l'avenir, les écrans deviendront certainement plus grands et plus larges.
Habituellement, ma première étape pour conserver les œuvres des autres consiste à ajuster les espaces. J'ai essentiellement écrit la feuille de style pour la forme de l'image ci-dessous. Seules les personnes comme moi qui ne se soucient pas des autres sont si sensibles à plusieurs ou à quelques espaces. Quant à l'impact sur l'effet, vous souhaiterez peut-être le comparer et vous y référer. Les éditeurs de code sont relativement efficaces pour localiser le nombre de pairs, nous devons donc résoudre comment localiser rapidement les cibles verticalement.
Exemple de la page d'accueil Microsoft.com d'août 2006.
Et j'ai observé que les concepts de conception récemment populaires tels que la rastérisation et l'amélioration progressive peuvent être bien appliqués à la conception de feuilles de style. Un bon code doit être clairement noté de haut en bas, de gauche à droite. Un blocage et un espace blanc appropriés faciliteront la conception modulaire et amélioreront considérablement l'évolutivité, la réutilisabilité et la maintenabilité. En général, les quatre aspects suivants de l'écriture méritent d'être explorés et d'accumuler des habitudes personnelles (d'équipe) :
nom
Typographie
Ordre de définition de propriété
Format des commentaires
Si vous ajoutez diverses syntaxes Hack et définitions privées telles que -moz-, -webkit-, cette question est extrêmement compliquée. Cependant, d’un point de vue organisationnel, il est facile de penser qu’ils doivent être séparés et appelés séparément. Les connaissances sont très profondes. Je dois d'abord trier mes pensées, puis en discuter et les résumer lorsque j'ai le temps. L'image ci-dessous est un extrait de code d'une récente modification d'un site Web personnel :
Il y a quelques jours, j'ai utilisé l'instruction Css3 text-shadow pour tuer Chrome 2 avec succès deux fois dans une certaine langue chinoise traditionnelle, et j'ai dû rétrograder vers Chrome 1. Il convient de mentionner que l'effet d'ombre du texte est très bon, l'ombre claire a même une légère sensation d'encre. À en juger par les développements récents, les navigateurs se rapprocheront de plus en plus de la standardisation.
Dans un avenir proche, CSS remplacera une grande partie du travail de conception visuelle. À l’avenir, les manuscrits de conception Web n’utiliseront presque plus la méthode primitive de dessin. En d’autres termes, à l’avenir, le système de connaissances en matière de conception visuelle Web sera davantage combiné avec le codage. Au cours des trois dernières années, mon travail ne s'est pas concentré sur la structure et les performances des pages. Cependant, le diagramme de cadre prototype utilise encore principalement du HTML pour améliorer l'efficacité et est également entièrement écrit à la main. Il n'y a aucun mal à pratiquer des compétences plus basiques. Quant à l'efficacité, rien que la familiarité.
Blaguez toujours avec vos collègues qui ont de mauvaises habitudes et soyez réservé lorsque vous écrivez du code. Vous ne vous battez pas seul. Un bon code reste une œuvre d'art même si vous l'ouvrez avec le Bloc-notes, sans parler de la conception. La feuille de style se trouve dans l'éditeur et constitue elle-même un exercice de conception d'informations.