Anwendung von schönen Stilblättern in XHTML+CSS -Webseitenproduktion

Dies ist ein Artikel von vor langer Zeit. Jetzt scheint es, dass die Ideen es wert sind, gelernt zu werden. Während Lernfälle in vevb.com ist das Erlernen von theoretischen Kenntnissen sehr hilfreich für Ihren Durchbruch im Wissen. Komm schon, alle!

Da ich Mr. Zeldmans Meisterwerk Design mit Webstandards, der chinesischen Version von "Website Refactoring" (2. Ausgabe), gelesen habe, habe ich ein tiefes Gefühl und gestärkt meine Idee, Webstandards für die Entwicklung und Übung unserer Projekte zu verwenden. Es reicht jedoch nicht aus, nur zu wissen, welche Webstandards sie sind und wie sie auf tatsächliche Projekte angewendet werden können. Jede Komponente des Webstandards muss nacheinander gelernt und angewendet werden und nacheinander besiegt werden, um ihre Essenz zu entdecken! Für Webentwicklungsdesigner wie mich werden wir mehr gewinnen, indem wir dieses Prinzip verstehen und gezielte Lernen und Praxis durchführen, und es ist auch ein Beitrag zur Anwendung von Webstandards in China! (Haha, das mag ein bisschen prahlen, aber es ist in der Tat das Ideal der meisten unserer Softwarepraktiker.)

Jetzt ist die Ära von Web2.0 und sogar 3.0 und die Ära von XHTML, XML, CSS, ECMAScript und DOM. Obwohl sie nicht die endgültige Technologie sind, werden sie gemeinsam zu einer Lösung. Wir planen, eine rückwärts kompatible Website zu erstellen, und auch die erforderliche technische Grundlage, um Websites zu erstellen, die Webstandards entsprechen. Wir möchten nicht nur mehr Benutzerunterstützung und -zugriff erhalten, sondern auch langfristige und schöne Websites aufbauen, um ihre Aufmerksamkeit für lange Zeit auf sich zu ziehen. Ich glaube, dass das Lernen, CSS zu verwenden, um unsere Website zu verbessern, eine gute Möglichkeit ist, ihre Aufmerksamkeit und einen Trend der Mode in der Web2.0 -Ära zu erregen. Im Folgenden werde ich nur über die Erfahrung sprechen, die ich von der CSS -Technologie gesammelt habe.

Um ein CSS -Experte zu werden, ist es weit entfernt, nur die Verwendung von CSS -Selektoren zu vertreten. Es beinhaltet auch die allgemeine Planung der Arbeit, die Beherrschung von Arbeitsprozessen und die Verbesserung der Wartbarkeit und Effizienz von Stilblättern. Die Verwendung von CSS kann die wunderbare Website erstellen, die wir gewünscht haben, und das Schreiben von CSS ist für sich ein Vergnügen. Wie sollten wir also attraktivere Stylesheets erstellen? Welche Eigenschaften sollte Ihr Stylesheet haben? Durch das Lernen und Kombinieren meiner eigenen Berufserfahrung habe ich eine gute Möglichkeit zusammengefasst, schöne Stilblätter zu machen.

Das Verknüpfen oder Importieren von Stylesheets klingt nach einem ahnungslosen Job. Ich habe viele Website-Entwicklungen mit ordentlichen und gut organisierten CSS-Dokumenten gesehen, aber langsam, da sie möglicherweise nicht kurzfristig schnell aktualisieren oder zu faul sind, um die zuvor erstellten exquisiten Stilblätter zu Müll zu werden. Wenn wir auf einer riesigen Website arbeiten, die Hunderte von Inhalten veröffentlichen muss. Da die Zeit begrenzt ist, müssen Sie CSS nisten oder ordnen, um schnelle Änderungen oder Aktualisierungen vorzunehmen. Im Laufe der Zeit bleibt diese Gewohnheit bestehen, bis Sie eines Tages mitgeteilt werden, dass die Website vollständig umgeworfen und neu gestaltet ist (aber der Inhalt ist immer noch der gleiche) und Sie haben nur eine Woche Zeit zu erstellen (einschließlich Tests). Im Allgemeinen ist das Aktualisieren von Stilblättern eine sehr einfache Methode. Sofern Sie die verstreuten Bereiche der Website nicht lange ändern, können Sie die Struktur der Website -Stilblatt insgesamt nicht im Gange haben.

Das Verknüpfen oder Importieren Ihres Stylesheets ist keine zufällige Sache. Erstellen Sie ein sauberes und ordentliches Stylesheet und halten Sie es am Laufen und Sie werden glücklicher zu arbeiten. Hinweis: Wenn Sie versuchen, jedes Mal ein neues Stylesheet zu erstellen, wenn Sie neue Inhalte aktualisieren oder hinzufügen, fragen Sie auf jeden Fall nach Ärger. Zu viel Verknüpfung und Importieren von Stylesheets kann es extrem schwierig machen, Fehler zu beseitigen und Stylesheets schwer zu bewahren. Es ist verständlich, dass größere Websites separat Stilblätter verschiedener Teile erstellen. Achten Sie nur darauf, nicht bis zu den Extremen zu gehen. Durch das Hinzufügen einer Menge Style -Blätter werden weitere HTTP -Anfragen hinzugefügt, die sich auch auf die nachfolgende Arbeit auswirken können.

Zusätzlich zur Auswahl der am besten geeigneten und aussagekräftigsten Elemente müssen Sie auch die Auswahl der Klassen- und ID -Attributwerte bestimmen. Eine klare Definition kann die Wartung einfach machen und Mitglieder der Gruppe werden sie verstehen. Siehe diese Definition:

.L10K {Farbe: #369; }, .left-blue {color: #369; } Wenn es von mir gemacht worden wäre, könnte ich wissen, was es bedeutet, aber ich verstehe es vielleicht nicht, wenn ich mich mit anderen vergleiche. Selbst wenn Sie wissen, was es heute bedeutet, können Sie garantieren, dass Sie noch viele Jahre später wissen, was es bedeutet? Es ist am besten, den Klassenattributen keine Farb- oder Länge- und Breitenabmessungen hinzuzufügen. Angemessenere Namensschreiberspezifikation :. Arbeitserschreibung {Farbe: #369; }

Viele Artikel haben einige Tipps zur Problemlösung geschrieben, und bedingte Anmerkungen sind eine gute Möglichkeit, IE -Veröffentlichungen zu kontrollieren. Ich bin damit einverstanden, dass bedingte Kommentare viel besser sind, als sie in Ihrer CSS -Dokumentation zu schreiben, aber ich habe langsam begonnen zu erkennen, dass viele Beweise zeigen, dass dies nicht die beste Lösung ist. Ich möchte seine minimale Höhe in einem Element einstellen, aber der IE6 -Browser führt ihn nicht aus, sodass Sie wissen, wie hoch Sie verwenden können, die Sie verwenden können, wird auf die gleiche Weise behandelt. Erstellen Sie ein Stilblatt und fügen Sie Ihrem Logo bedingte Kommentare hinzu. Alle Ihre Bedürfnisse sind, dieser Regel zu befolgen? Halten Sie die niedrigsten Regeln der Höhe und der Höhengröße zusammen und wählen Sie im selben CSS -Dokument einen kleinen Trick. Wäre es besser? In diesem Fall denke ich, dass es schwierig ist, mit dieser Methode zu arbeiten.

Ist es gut? Jeder ist ziemlich klar. Natürlich ist eines unbestreitbar, was die Wiederverwendung von Code maximieren und die Konfiguration von Website -Dateien optimieren kann.

Okay, die oben genannten sind einige meiner persönlichen Meinungen. Ich hoffe ihr gibt mir alle mehr Meinungen. Ihre Vorschläge sind meine Motivation, Schwierigkeiten in Frage zu stellen! Danke!