Anwendung schöner Stylesheets in der XHTML-CSS-Webseitenproduktion_HTML/Xhtml_Webseitenproduktion

Dies ist ein Artikel, der vor langer Zeit geschrieben wurde. Es scheint, dass die darin enthaltenen Ideen es wert sind, gelernt zu werden. Während Sie Fälle auf jb51.net studieren, können Sie auch einen Durchbruch in Ihrem Wissen erzielen. helfen. Kommt alle zusammen!

Seitdem ich Herrn Zeldmans Meisterwerk „Designing with Web Standards“ gelesen habe; die chinesische Version ist „Website Reconstruction“ (2. Auflage), habe ich ein tiefes Gefühl und es hat meine Vorstellung von der Nutzung des Webs gestärkt Standards entwickeln und umsetzen. Es reicht jedoch nicht aus, nur ein wenig darüber zu wissen, was Webstandards sind und wie man sie auf tatsächliche Projekte anwendet. Sie müssen jede Komponente von Webstandards einzeln erlernen und anwenden und sie dann einzeln aufschlüsseln, um ihr Wesen zu entdecken! Für Webentwickler und Designer wie mich: Wenn wir dieses Prinzip verstehen und gezielt studieren und üben, werden wir meiner Meinung nach mehr gewinnen und gleichzeitig einen Beitrag zur Anwendung von Webstandards in China leisten! (Haha, das ist vielleicht etwas angeberisch, aber es ist in der Tat das Ideal der meisten von uns Software-Anwendern.)

Jetzt ist die Ära von Web 2.0 oder sogar 3.0, die Ära von XHTML, XML, CSS , ECMAScript und DOM. Obwohl es sich nicht um die endgültige Technologie handelt, ergeben sie zusammen eine Lösung – die Grundlage für unsere Planung zum Aufbau einer abwärtskompatiblen Website und auch die notwendige technische Grundlage für die Erstellung einer Website, die den Webstandards entspricht. Wir möchten nicht nur mehr Benutzerunterstützung und mehr Besuche gewinnen, sondern auch eine langlebige, schöne Website erstellen, um ihre Aufmerksamkeit lange Zeit auf sich zu ziehen. Ich glaube, dass das Erlernen der Verwendung von CSS zur Verbesserung unserer Website eine gute Möglichkeit ist, ihre Aufmerksamkeit zu erregen, und dass dies auch ein modischer Entwicklungstrend im Web2.0-Zeitalter ist. Im Folgenden werde ich nur auf die Erfahrungen eingehen, die ich mit der CSS-Technologie gesammelt habe.

Um ein CSS-Experte zu werden, reicht es nicht aus, nur die Verwendung von CSS-Selektoren zu beherrschen. Es liegt auch in der Gesamtplanung der Arbeit, der Beherrschung des Workflows und der Verbesserung der Wartbarkeit und Effizienz des Stylesheets. Wir können CSS verwenden, um die wunderbaren Websites zu erstellen, die wir wollen, und das Schreiben von CSS ist an sich schon ein Vergnügen. Wie sollten wir also ein attraktiveres Stylesheet erstellen? Welche Funktionen sollte Ihr Stylesheet haben? Durch Lernen und Kombinieren mit meiner eigenen Arbeitserfahrung habe ich eine Reihe guter Methoden zum Erstellen schöner Stylesheets zusammengefasst.

1. Lassen Sie CSS nicht zu viele Tags haben

Das Verknüpfen oder Importieren von Stylesheets mag wie eine ahnungslose Aufgabe klingen. Ich habe gesehen, dass viele Website-Entwickler über ordentliche und gut organisierte CSS-Dokumente verfügen, aber langsam, weil sie möglicherweise nicht in der Lage sind, in kurzer Zeit schnell zu aktualisieren, oder zu faul sind, sie zu verwalten, werden die zuvor erstellten exquisiten Stylesheets langsam Müll. Wenn wir an einer riesigen Website arbeiten, die Hunderte von Inhalten veröffentlichen muss. Da die Zeit begrenzt ist, müssen Sie schnelle Änderungen oder Aktualisierungen vornehmen, indem Sie CSS verschachteln oder anordnen. Mit der Zeit setzt sich diese Angewohnheit fort, bis Ihnen eines Tages mitgeteilt wird, dass die Website komplett neu gestaltet wird (aber der Inhalt bleibt derselbe) und Sie nur eine Woche Zeit haben, um sie zu erstellen (einschließlich Tests). Im Allgemeinen ist die Aktualisierung des Stylesheets eine sehr einfache Methode, wenn Sie nicht über einen längeren Zeitraum hinweg Änderungen an vereinzelten Bereichen der Website vornehmen, werden Sie keinen Überblick über die Struktur des Website-Stylesheets haben.

Das Verknüpfen oder Importieren Ihres Stylesheets ist nicht willkürlich. Erstellen Sie ein sauberes Stylesheet und pflegen Sie es, und Sie werden bei der Arbeit zufriedener sein. Hinweis: Wenn Sie versuchen, jedes Mal, wenn Sie Inhalte aktualisieren oder neue Inhalte hinzufügen, ein neues Stylesheet zu erstellen, werden Sie definitiv Probleme bekommen. Zu viele Links und importierte Stylesheets erschweren die Beseitigung von Fehlern und erschweren die Pflege des Stylesheets. Bei größeren Websites ist es verständlich, für verschiedene Teile separate Stylesheets zu erstellen. Achten Sie nur darauf, nicht ins Extreme zu verfallen. Das Hinzufügen vieler Stylesheets erhöht die Anzahl der HTTP-Anfragen und kann sich auf die nachfolgende Arbeit auswirken.

2. Die semantische Definition ist klar und leicht zu verstehen

Zusätzlich zur Auswahl der am besten geeigneten und aussagekräftigsten auszudrückenden Elemente müssen Sie auch die Klasse und die ID auswählen Attributwerte. Eine klare Definition erleichtert die Wartung und ist für jedes Teammitglied verständlich. Schauen Sie sich diese Definition an:

　.l10k { color: #369; } , .left-blue { color: #369; } , wenn es von mir gemacht wurde, wüsste ich vielleicht, was es bedeutet, aber es kann sein nicht wie andere sein. Selbst wenn Sie seine Bedeutung heute kennen, können Sie garantieren, dass Sie seine Bedeutung auch in vielen Jahren noch kennen werden? Es ist am besten, den Klassenattributen weder Farbe noch Längen- und Breitendimensionen hinzuzufügen. Eine passendere Namenskonvention: . work-description { color: #369; }

3. Wissen Sie, wann Sie bedingte Kommentare und Anwendungstechniken hinzufügen müssen

In vielen Artikeln wurde über Problemlösungstechniken geschrieben. Bedingte Kommentare sind eine gute Möglichkeit, die Veröffentlichung im Internet Explorer zu steuern. Ich stimme zu, dass bedingte Kommentare viel besser sind, als in Ihrem CSS-Dokument herumzuspielen, aber in letzter Zeit ist mir klar geworden, dass es viele Beweise dafür gibt, dass dies nicht die beste Lösung ist. Sie möchten die Mindesthöhe eines Elements festlegen, aber IE6 implementiert dies nicht, sodass Sie wissen, dass die Höhe, die Sie verwenden können, ebenfalls gleich behandelt wird. Erstellen Sie ein neues Stylesheet und fügen Sie bedingte Kommentare zu Ihrem Markup hinzu. Sie müssen lediglich diese Regel befolgen. Wäre es nicht besser, die Mindesthöhe und die Höhenregeln zusammenzuhalten und einen Trick im selben CSS-Dokument auszuwählen? In diesem Fall fällt es mir schwer, diese Methode anzuwenden.

4. Versuchen Sie, externe Stylesheets zu verwenden, wenn Sie CSS auf Webseiten anwenden

Gibt es irgendwelche Vorteile? Jeder weiß es gut. Eines ist natürlich unbestreitbar: Es kann die Wiederverwendung von Code maximieren und die Konfiguration von Website-Dateien optimieren.
Okay, das sind einige meiner persönlichen Meinungen. Ich hoffe, dass Ihre Vorschläge meine Motivation sind, Schwierigkeiten zu überwinden. Danke!

Das Obige ist die Anwendung schöner Stylesheets in der XHTML-CSS-Webseitenproduktion_HTML/Xhtml_-Webseitenproduktion. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (m.sbmmt.com)!