Wann wurde CSS3 gestartet?

CSS3 begann 1999 zu formulieren. Am 23. Mai 2001 stellte das W3C den Arbeitsentwurf von CSS3 fertig, listete alle Module im Detail auf und plante, ihn in Zukunft schrittweise zu standardisieren Boxmodell, Listenmodul, Hyperlink-Modus, Sprachmodul, Hintergrund und Rahmen, Texteffekte und andere Module.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

CSS3 ist eine aktualisierte Version der CSS-Technologie (Cascading Style Sheets). Sie wurde 1999 formuliert. Am 23. Mai 2001 stellte das W3C den Arbeitsentwurf von CSS3 fertig; in diesem Entwurf wurde eine CSS3-Entwicklungs-Roadmap formuliert Alle Module wurden im Detail aufgelistet und sollen in Zukunft schrittweise standardisiert werden.

Neu an der CSS3-Spezifikation ist, dass sie in mehrere unabhängige Module unterteilt ist. Einerseits ist die Aufteilung in mehrere kleinere Module förderlicher für die rechtzeitige Aktualisierung und Veröffentlichung von Spezifikationen sowie für die zeitnahe Anpassung des Inhalts der Module. Diese Module werden unabhängig voneinander implementiert und veröffentlicht, was auch den Grundstein für zukünftiges CSS legt Erweiterung. Andererseits können Geräte oder Hersteller aufgrund der Einschränkungen der unterstützten Geräte und Browserhersteller selektiv einige Module und eine Teilmenge von CSS3 unterstützen, was der Förderung von CSS3 förderlich ist.

Im Folgenden finden Sie eine kurze Erläuterung der Veröffentlichungszeit und des Inhalts jedes Hauptmoduls:

• Das CSS3-Zeilenmodul wurde am 15. Mai 2002 veröffentlicht und standardisiert das Textzeilenmodell.

• Das CSS3-Listenmodul wurde am 7. November 2002 veröffentlicht, das Listenstile standardisiert.

• Das CSS3-Rahmenmodul wurde ebenfalls am 7. November 2002 veröffentlicht und fügt eine neue Hintergrundrahmenfunktion hinzu. Dieses Modul wurde später in das Hintergrundmodul integriert.

• Das von CSS3 generierte und ersetzte Inhaltsmodul wurde am 14. Mai 2003 veröffentlicht und definiert die generierten und ersetzten Inhaltsfunktionen von CSS3.

• Das CSS3-Präsentationsebenenmodul wurde am 13. August 2003 veröffentlicht und definiert die Präsentationseffektfunktion.

• Das CSS3-Syntaxmodul wurde ebenfalls am 13. August 2003 veröffentlicht, das die Grundlagen der CSS-Syntax neu definierte.

• Das CSS3-Hyperlink-Präsentationsmodul wurde am 24. Februar 2004 veröffentlicht und definiert die Regeln der Hyperlink-Präsentation neu.

• Das CSS3-Sprachmodul wurde am 16. Dezember 2004 veröffentlicht und definiert die Regeln für den Sprachstil neu.

• Das CSS3-Kaskadierungs- und Vererbungsmodul wurde am 15. Dezember 2005 veröffentlicht und definiert CSS-Kaskadierungs- und Vererbungsregeln.

• Das CSS3 Basic Box-Modul wurde am 9. August 2007 veröffentlicht und definiert die CSS-Grundregeln für das Box-Modell neu.

• Das CSS3-Rasterpositionierungsmodul wurde am 5. September 2007 veröffentlicht und definiert CSS-Rasterpositionierungsregeln.

• Das CSS3-Animationsmodul wurde am 20. März 2009 veröffentlicht und definiert das CSS-Animationsmodell.

• Das CSS3 3D Transforms-Modul wurde ebenfalls am 20. März 2009 veröffentlicht, das das CSS 3D-Transformationsmodell definiert.

• Das CSS3-Schriftartenmodul wurde am 18. Juni 2009 veröffentlicht und definiert CSS-Schriftartenmodi.

• Das CSS3-Bildwertmodul wurde am 23. Juli 2009 veröffentlicht und definiert das Anzeigemodell für Bildinhalte.

• Das CSS3 Flexible Box Layout-Modul wurde ebenfalls am 23. Juli 2009 veröffentlicht, das ein flexibles Box-Layout-Modell definiert.

• Das CSS3 2D Transforms-Modul wurde am 1. Dezember 2009 veröffentlicht und definiert das 2D-Transformationsmodell.

• Am 29. April 2010 wurde das CSS3 Generated Content for Paged Media-Modul veröffentlicht, das das paginierte Medieninhaltsmodell definiert.

• Das CSS3-Textmodul wurde am 5. Oktober 2010 veröffentlicht und definiert das Textmodell.

• Am 5. Oktober 2010 wurde außerdem das CSS3-Modul „Hintergrund und Ränder“ veröffentlicht, das die Rahmen- und Hintergrundmodelle neu gepatcht hat.

Weitere detaillierte Informationen finden Sie unter https://www.w3c.org/Style/CSS/current-work.html. Dort wird erläutert, in wie viele Module CSS3 unterteilt ist und welchen aktuellen Status alle CSS3-Module haben wann es veröffentlicht wird usw.

CSS3 ist in mehrere Module unterteilt, jedes Modul hat seine eigene Spezifikation:

• Die Veröffentlichung der gesamten CSS3-Spezifikation hat aufgrund von Streitigkeiten in einigen Teilen keinen Einfluss auf die Weiterentwicklung anderer Module.

• Für den Browser können Sie je nach Bedarf entscheiden, welche CSS-Funktionen unterstützt werden.

• Für W3C-Entwickler können bei Bedarf gezielte Aktualisierungen vorgenommen werden, wodurch die Gesamtspezifikation flexibler wird und zeitnah überarbeitet werden kann, was die Erweiterung neuer technologiespezifischer Spezifikationen erleichtert.

Welche Vorteile bietet die Verwendung von CSS3?

Das Offensichtlichste ist, dass CSS3 die Seite sehr auffällig und cool aussehen lässt und so das Design der Website noch besser macht, aber seine Vorteile gehen weit darüber hinaus.

In den meisten Fällen ist die Verwendung von CSS3 nicht nur für die Entwicklung und Wartung von Vorteil, sondern verbessert auch die Leistung der Website. Gleichzeitig kann es auch die Zugänglichkeit und Benutzerfreundlichkeit der Website erhöhen, die Anpassung der Website an mehr Geräte ermöglichen und sogar die Website-SEO optimieren und die Suchergebnisse der Website verbessern.

1. Reduzieren Sie die Entwicklungs- und Wartungskosten

Warum kann CSS3 die Entwicklungs- und Wartungskosten senken?

Schauen wir uns zunächst ein Beispiel an. Ein Effekt mit abgerundeten Ecken erfordert das Hinzufügen zusätzlicher HTML-Tags in CSS2 und die Verwendung eines oder mehrerer Bilder zur Vervollständigung, während bei Verwendung von CSS3 nur ein Tag und ein border-radius-Attribut erforderlich sind. Auf diese Weise kann die CSS3-Technologie Menschen die Arbeit des Zeichnens, Schneidens und Optimierens von Bildern ersparen.

Wenn Sie später die Krümmung oder Farbe der Verrundung anpassen müssen, müssen Sie bei Verwendung von CSS2 das Bild von Grund auf zeichnen und ausschneiden, um es fertigzustellen. Mit CSS3 können Sie diese Aufgaben jedoch in wenigen Sekunden erledigen.

CSS3 kann uns auch von viel JavaScript-Skriptcode oder Flash fernhalten. Wir müssen nicht mehr viel Zeit damit verbringen, Skripte zu schreiben oder geeignete Skript-Plug-Ins zu finden und sie an die Spezialeffekte der Website anzupassen.

Schließlich können einige CSS3-Technologien auch dazu beitragen, die Seite zu vereinfachen und die Struktur klarer zu machen. Wenn Sie beispielsweise viele Div-Tags und Klassennamen verschachteln, um einen Effekt zu erzielen, können Sie die Arbeitseffizienz effektiv verbessern, die Entwicklungszeit verkürzen und die Entwicklungskosten senken. Um beispielsweise einen überlappenden Hintergrundeffekt zu erstellen, müssen Sie Div-Tags und Klassennamen in CSS hinzufügen und ein Hintergrundbild in verschiedene Divs einfügen. Jetzt können Sie die neuen Funktionen von CSS3 nutzen, wie z. B. mehrere Hintergründe und Hintergrundgrößen, und hinzufügen Es kann diese Aufgaben mit einem Div-Tag erledigen.

2. Verbessern Sie die Seitenleistung

Bei der Webentwicklung führt die Reduzierung redundanter Tag-Verschachtelungen und der Anzahl der verwendeten Bilder dazu, dass Benutzer weniger Inhalte herunterladen müssen und die Seite schneller geladen wird. Darüber hinaus kann die Website durch weniger Bilder, Skripte und Flash-Dateien die Anzahl der HTTP-Anfragen reduzieren, was eine der besten Möglichkeiten ist, die Seitenladegeschwindigkeit zu verbessern.

Für die Verwendung von CSS3 zum Erstellen einer grafischen Website sind keine Bilder erforderlich, wodurch die Anzahl der HTTP-Anfragen erheblich reduziert und die Seitenladegeschwindigkeit verbessert werden kann.

Natürlich hängt dies davon ab, welche CSS3-Funktionen verwendet werden, um sie zu ersetzen, und es hängt auch davon ab, wie CSS3-Funktionen verwendet werden. CSS3-Animationseffekte können beispielsweise HTTP-Anfragen für JavaScript- und Flash-Dateien reduzieren, erfordern jedoch möglicherweise, dass der Browser viel Arbeit leistet, um das Rendern der Animationseffekte abzuschließen, was dazu führen kann, dass der Browser langsam reagiert und zu Benutzerverlusten führt.

Daher muss jeder bei der Verwendung einiger komplexer Spezialeffekte sorgfältig überlegen. Allerdings sind solche Phänomene doch selten.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWann wurde CSS3 gestartet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!