Application de belles feuilles de style dans la production de page Web XHTML + CSS

Ceci est un article d'il y a longtemps. Maintenant, il semble que les idées de celles-ci valent la peine d'être apprises. Lors de l'apprentissage des cas dans VEVB.com, l'apprentissage de certaines connaissances théoriques sera très utile pour votre percée dans les connaissances. Allez, tout le monde!

Depuis que j'ai lu le chef-d'œuvre de M. Zeldman avec la conception avec les normes Web, la version chinoise de "Refactoring de site Web" (2e édition), j'ai un sentiment profond et renforcé mon idée d'utiliser les normes Web pour développer et pratiquer nos projets. Mais il ne suffit pas de savoir quelles sont les normes Web et comment les appliquer à des projets réels. Chaque composant de la norme Web doit être appris et appliqué un par un et vaincu un par un pour découvrir leur essence! Pour les concepteurs de développement Web comme moi, je crois que nous gagnerons plus en comprenant ce principe et en menant l'apprentissage et la pratique ciblés, et c'est aussi une contribution à l'application des normes Web en Chine! (Haha, cela peut être un peu vantant, mais c'est en effet l'idéal de la plupart de nos praticiens du logiciel.)

Est maintenant l'ère de Web2.0 et même 3.0, et l'ère de XHTML, XML, CSS, ECMAScript et Dom. Bien qu'ils ne soient pas la technologie finale, ils deviennent une solution ensemble - nous prévoyons de créer un site Web compatible en arrière et également les bases techniques nécessaires pour créer des sites Web qui répondent aux normes Web. Nous voulons non seulement obtenir plus de support et d'accès des utilisateurs, mais aussi de créer des sites Web à long terme et magnifiques pour attirer leur attention pendant longtemps. Je crois qu'apprendre à utiliser CSS pour améliorer notre site Web est un bon moyen d'attirer leur attention et une tendance de la mode dans l'ère Web2.0. Ci-dessous, je ne parlerai que de l'expérience que j'ai acquise dans la technologie CSS.

Pour devenir un expert CSS, il est loin d'être suffisant d'être compétent dans l'utilisation de sélecteurs CSS. Cela implique également la planification globale des travaux, la maîtrise des processus de travail et l'amélioration de la maintenabilité et de l'efficacité des feuilles de style. L'utilisation de CSS peut créer le merveilleux site Web que nous voulons, et écrire CSS est un plaisir en soi. Alors, comment devrions-nous créer des feuilles de style plus attrayantes? Quelles caractéristiques votre feuille de style devrait-elle avoir? En apprenant et en combinant ma propre expérience de travail, j'ai résumé une bonne façon de faire de belles feuilles de style.

Lier ou importer des styles de styles ressemble à un travail sans idée. J'ai vu de nombreux développements de sites Web avec des documents CSS soignés et bien organisés, mais lentement, car ils peuvent ne pas être en mesure de mettre à jour rapidement à court terme, ou sont trop paresseux à gérer, cela fait que les feuilles de style exquises précédemment créées deviennent des ordures. Si nous travaillons sur un énorme site Web qui doit publier des centaines de contenu. Étant donné que le temps est limité, vous devez nist ou organiser CSS pour apporter des modifications ou des mises à jour rapides. Au fil du temps, cette habitude persiste jusqu'au jour où on vous dit que le site est complètement renversé et redessiné (mais le contenu est toujours le même) et que vous n'avez qu'une semaine à créer (y compris les tests). D'une manière générale, la mise à jour des feuilles de style est une méthode très simple. À moins que vous ne modifiiez longtemps les zones dispersées du site Web, vous ne pouvez pas avoir une compréhension globale de la structure de la feuille de style du site Web.

Lier ou importer votre feuille de style n'est pas une chose aléatoire. Créez une feuille de style propre et bien rangée et continuez et vous serez plus heureux de travailler. Remarque: Si vous essayez de créer une nouvelle feuille de style chaque fois que vous mettez à jour ou ajoutez un nouveau contenu, vous demandez certainement des problèmes. Trop de styles de liaison et d'importation peuvent rendre extrêmement difficile l'élimination des bogues, ce qui rend les feuilles de style difficile à entretenir. Il est compréhensible que les sites Web plus grands créent séparément des feuilles de style de différentes parties. Faites juste attention à ne pas aller à l'extrême. L'ajout de nombreuses feuilles de style ajoutera plus de demandes HTTP, ce qui peut également affecter les travaux ultérieurs.

En plus de choisir les éléments les plus appropriés et les plus significatifs à exprimer, vous devez également déterminer la sélection des valeurs d'attribut de classe et d'ID. Une définition claire peut rendre la maintenance simple et les membres du groupe le comprendront. Voir cette définition:

.l10k {couleur: # 369; }, .left-blue {couleur: # 369; }, si cela a été fait par moi, je sais peut-être ce que cela signifie, mais je ne le comprends peut-être pas si je me compare aux autres. Même si vous savez ce que cela signifie aujourd'hui, pouvez-vous garantir que vous saurez toujours ce que cela signifie plusieurs années plus tard? Il est préférable de ne pas ajouter des dimensions de couleur ou de longueur et de largeur dans les attributs de classe. Spécification de dénomination plus appropriée :. Work-Description {Color: # 369; }

De nombreux articles ont écrit quelques conseils sur la résolution de problèmes, et les annotations conditionnelles sont un bon moyen de contrôler les versions IE. Je suis d'accord que les commentaires conditionnels sont bien meilleurs que les gribouillage dans votre documentation CSS, mais j'ai lentement commencé à réaliser que beaucoup de preuves montrent que ce n'est pas la meilleure solution. Je veux régler sa hauteur minimale dans un élément, mais le navigateur IE6 ne l'exécute pas, donc vous savez que la hauteur que vous pouvez utiliser sera traitée de la même manière. Recréez une feuille de style et ajoutez des commentaires conditionnels à votre logo. Tous vos besoins sont de suivre cette règle? Gardez les règles de hauteur et de hauteur les plus basses et choisissez une petite astuce dans le même document CSS, serait-ce mieux? Dans ce cas, je pense qu'il est difficile de travailler avec cette méthode.

Est-ce bon? Tout le monde est assez clair. Bien sûr, une chose est indéniable, ce qui peut maximiser la réutilisation du code et optimiser la configuration des fichiers de site Web.

D'accord, ce qui précède est quelques-unes de mes opinions personnelles. J'espère que vous me donnez tous plus d'opinions. Vos suggestions sont ma motivation pour défier les difficultés! Merci!