Was sind die Präfixe im CSS3-Stil?

css3-Stilpräfixe sind: 1. „-moz-“, das die privaten Eigenschaften des Firefox-Browsers darstellt 2. „-ms-“, das die privaten Eigenschaften des IE-Browsers darstellt; 3. „-webkit-“; , das die privaten Eigenschaften von Safari und Chrome Properties darstellt. 4. „-o-“ steht für private Eigenschaften von Opera.

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

Präfixprobleme in CSS3-Stilen

Als Anfänger kann ich manchmal nicht sagen, welche Attribute beim Schreiben von CSS vorangestellt werden müssen oder welches Präfix ich verwenden soll.

Bevor wir diese Präfixe verstehen, stellen wir zunächst die Kerne der wichtigsten Mainstream-Browser vor:

• IE – Trident (einer der Kerne vieler inländischer Dual-Core-Browser ist Trident)

• Opera – Blink (presto Veraltet)

• Chrome – Blink (ehemals Webkit)

• Firefox – Gecko

• Safari – Webkit (der am häufigsten verwendete Webkit-Kernel auf Android-Telefonen)

Und alle Kernel haben ihre eigenen Präfixe :

• Trident-Kernel: Das Präfix ist -ms-

• Gecko-Kernel: Das Präfix ist -moz-

• Presto-Kernel: Das Präfix ist -o-

• Webkit-Kernel: Das Präfix ist -webkit-

, also:

• -moz- steht für private Eigenschaften des Firefox-Browsers,

• -ms- steht für private Eigenschaften des IE-Browsers und

• -webkit- steht für Safari und private Chrome-Eigenschaften

• -o- stellt das private Opera-Attribut dar

Beispiel: Um einen abgerundeten Rahmenradius zu schreiben, müssen Sie so schreiben:

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

Warum brauchen Sie also ein privates Präfix?

Weil das W3C, die Organisation, die HTML- und CSS-Standards formuliert, sehr langsam ist. Normalerweise schlägt ein Mitglied der W3C-Organisation ein neues Attribut vor, z. B. einen abgerundeten Randradius, und alle halten es für gut. W3c legt jedoch keinen Standard für dieses Attribut fest, sondern durchläuft einen sehr komplizierten Prozess und durchläuft einen viele Bewertungen. Browser-Anbieter sind nicht bereit, so lange zu warten, wenn sie der Meinung sind, dass ein Attribut ausgereift genug ist, und fügen dem Browser Unterstützung hinzu.

Aber um Änderungen zu vermeiden, wenn w3c den Standard in der Zukunft ankündigt, wird ein privates Präfix hinzugefügt, z. B. -webkit-border-radius. Auf diese Weise werden neue Attribute im Voraus unterstützt In Zukunft wird die Standardschreibmethode „Border-Radius“ hinzugefügt. Nach der Einrichtung soll die neue Version des Browsers die Schreibmethode „Border-Radius“ unterstützen.

(Lernvideo-Sharing: CSS-Video-Tutorial, Web-Frontend)

Das obige ist der detaillierte Inhalt vonWas sind die Präfixe im CSS3-Stil?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!