CSS3, was bedeutet das?

css3 ist eine aktualisierte Version der CSS-Cascading-Stylesheet-Technologie. Sie wurde 1999 formuliert. Am 23. Mai 2001 hat W3C den Arbeitsentwurf von CSS3 fertiggestellt, der hauptsächlich Boxmodell, Listenmodul, Hyperlink-Methode, Sprachmodul und Hintergrund umfasst und Module wie Rahmen, Texteffekte und mehrspaltige Layouts.

Die Betriebsumgebung dieses Artikels: Windows7-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 W3C den Arbeitsentwurf von CSS3 fertig, der hauptsächlich Boxmodell, Listenmodul, Hyperlink-Methode und Sprachmodul umfasst , Hintergrund und Rahmen, Texteffekte, mehrspaltiges Layout und andere Module.

Eine große Veränderung in der Entwicklung von CSS ist die Entscheidung des W3C, CSS3 in eine Reihe von Modulen aufzuteilen. Browser-Anbieter entwickeln Innovationen schnell im Tempo von CSS. Durch die Einführung eines Modulansatzes können sich Elemente in der CSS3-Spezifikation also unterschiedlich schnell weiterentwickeln, da verschiedene Browser-Anbieter nur bestimmte Funktionen unterstützen. Allerdings unterstützen unterschiedliche Browser zu unterschiedlichen Zeiten unterschiedliche Funktionen, was auch die browserübergreifende Entwicklung erschwert.

CSS3-Programmiertools können zum Schreiben verwendet werden, z. B.: Notepad und Notepad unter Windows; oder andere Tools, die speziell zum Bearbeiten von Webseitentext verwendet werden, z. B. IntelliJ IDEA, Eclipse, MyEclipse , Webstorm, Sublime Text; Darüber hinaus gibt es Plug-Ins speziell für die Front-End-Entwicklung, wie zum Beispiel: Emmet.

Vorteilsbewertung

1. Reduzieren Sie die Entwicklungskosten und Wartungskosten

Vor der Einführung von CSS3 mussten Entwickler häufig zusätzliche HTML-Tags hinzufügen und ein oder mehrere Bilder verwenden, um einen abgerundeten Eckeneffekt zu erzielen Tag, was mit der Eigenschaft border-radius in CSS3 erreicht werden kann. Auf diese Weise kann die CSS3-Technologie Menschen von der Arbeit des Zeichnens, Schneidens und Optimierens von Bildern befreien. Wenn Sie die Krümmung oder Farbe der Verrundung später mit CSS2.1 anpassen müssen, müssen Sie das Bild von Grund auf zeichnen und ausschneiden, um dies zu erreichen. Mit CSS3 müssen Sie nur den Attributwert „border-radius“ ändern, um den Vorgang schnell abzuschließen die Änderung.

Die von CSS3 bereitgestellten Animationsfunktionen ermöglichen es Entwicklern, bei der Implementierung einiger dynamischer Schaltflächen oder dynamischer Navigation auf JavaScript zu verzichten, sodass Entwickler nicht viel Zeit damit verbringen müssen, Skripte zu schreiben oder nach geeigneten Skript-Plug-Ins zu suchen, um sich an einige anzupassen dynamische Website-Effekte.

2. Verbessern Sie die Seitenleistung

Viele CSS3-Technologien sind zu „Ersatz“ für Bilder geworden, indem sie die gleichen visuellen Effekte bieten. Mit anderen Worten: Bei der Webentwicklung bedeutet die Reduzierung redundanter Tag-Verschachtelungen und die Anzahl der verwendeten Bilder, dass dies für Benutzer wichtig ist Es müssen weniger Inhalte heruntergeladen werden und die Seiten werden schneller geladen. Darüber hinaus können weniger Bilder, Skripte und Flash-Dateien die Anzahl der HTTP-Anfragen beim Besuch der Website reduzieren, was eine der besten Möglichkeiten zur Verbesserung der Seitenladegeschwindigkeit darstellt. Für die Verwendung von CSS3 zum Erstellen einer grafischen Website sind keine Bilder erforderlich, was die Anzahl der HTTP-Anfragen erheblich reduziert und die Seitenladegeschwindigkeit verbessert. Der CSS3-Animationseffekt kann beispielsweise HTTP-Anfragen für JavaScript- und Flash-Dateien reduzieren, erfordert jedoch möglicherweise, dass der Browser viel Arbeit leistet, um das Rendern des Animationseffekts abzuschließen, was dazu führen kann, dass der Browser langsam reagiert und Benutzerverluste verursacht . Daher müssen Sie bei der Verwendung einiger komplexer Spezialeffekte sorgfältig überlegen. Tatsächlich können viele CSS3-Technologien die Seitenleistung unter allen Umständen erheblich verbessern.

CSS3 ist vollständig abwärtskompatibel, sodass das Design nicht geändert werden muss, damit es weiterhin funktioniert. Auch Webbrowser werden weiterhin CSS2 unterstützen.

Empfohlenes Lernen: „CSS-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonCSS3, was bedeutet das?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!