Warum muss CSS3 vorangestellt werden?

Da CSS3 noch kein echter Standard geworden ist, unterstützen viele Browser es auf unterschiedlichem Niveau und jeder Browserhersteller unterstützt denselben Stil auf unterschiedliche Weise. Daher muss ein Präfix hinzugefügt werden, um die Kompatibilität zwischen Browsern zu gewährleisten. Das CSS3-Präfix wird verwendet, um sicherzustellen, dass neue Eigenschaften unter einer bestimmten Browser-Rendering-Engine erkannt und wirksam werden.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Studenten, die CSS3-Attribute verwendet haben, wissen, dass CSS3-Attribute von jedem Browser vorangestellt werden müssen. Auch jetzt gibt es noch viele Attribute, die vorangestellt werden müssen. Warum ist das so?

Browserhersteller haben CSS3 bereits implementiert, es ist jedoch noch kein echter Standard geworden.

Da viele Eigenschaften von CSS3 noch nicht festgelegt wurden, die Standardspezifikation noch nicht veröffentlicht wurde, viele Browser unterschiedliche Unterstützungsstufen haben und jeder Browserhersteller unterschiedliche Schreibmethoden für denselben Stil unterstützt, müssen zum Erreichen Präfixe hinzugefügt werden Kompatibel mit jedem Browser.

Das CSS3-Präfix wird verwendet, um sicherzustellen, dass dieses Attribut unter einer bestimmten Browser-Rendering-Engine erkannt und wirksam wird.

Präfix	Browser	Kernel
-ms-	IE-Browser	Trident. Kernel
-moz-	Fi refox	Gecko Core
- o-	Opera	Presto-Kernel
-webkit-	Chrome und Safari	Webkit-Kernel

Es gibt viele private Präfixe, die weggelassen werden können, aber um mit älteren Versionen von Browsern kompatibel zu sein, Sie können weiterhin private Präfixe und Standardmethoden verwenden und schrittweise umsteigen.

Sehen wir uns ein einfaches Beispiel an, um in der Anfangsphase einen abgerundeten Randradius zu schreiben:

.box {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}

Diese dienen der Kompatibilität mit der alten Schreibversion. Der Browser unterstützt die neue nicht Attribute, was zu einer verringerten Benutzererfahrung führt; vergleichen Sie Neue Versionen von Browsern unterstützen das direkte Schreiben: border-radius.

Die Verwendung des Präfixes kann gut mit der niedrigeren Version des Browsers übereinstimmen und den Stil normal anzeigen.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWarum muss CSS3 vorangestellt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!