Was sind die CSS-Attributpräfixe?

CSS-Attributpräfixe sind: 1. „-moz-“, das die privaten Attribute des Firefox-Browsers darstellt; 2. „-ms-“, das die privaten Attribute des IE-Browsers darstellt; stellt Safari dar, die privaten Eigenschaften des Chrome-Browsers. 4. „-o-“ steht für die privaten Eigenschaften des Opera-Browsers.

(Empfohlenes Tutorial: CSS-Video-Tutorial)

Die beliebtesten Browser-Kernel sind derzeit:

• Trident-Kernel: Der Hauptvertreter ist der IE-Browser Firefox

• Presto-Kernel: Der Hauptvertreter ist Opera

• Webkit-Kernel: Die Hauptvertreter sind Chrome und Safari

• Und für Browser mit unterschiedlichen Kerneln entsprechen die CSS3-Attribute (einige Attribute müssen vorangestellt werden). Es müssen verschiedene Präfixe hinzugefügt werden, die auch als private Präfixe des Browsers bezeichnet werden. Die CSS3-Eigenschaften nach dem Hinzufügen des privaten Präfixes können als private Eigenschaften des entsprechenden Browsers bezeichnet werden:

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-

• Warum brauchen wir 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 jeder hält 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 Standard-Schreibmethode „Border-Radius“ hinzugefügt. Nach der Einrichtung soll die neue Version des Browsers die Schreibmethode „Border-Radius“ unterstützen.

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

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

Erweiterte Informationen:

Der sogenannte Browser-Kernel ist die von der verwendete Rendering-Engine Browser Die Rendering-Engine bestimmt, wie der Browser den Inhalt der Webseite und die Formatinformationen der Seite anzeigt. Verschiedene Browser-Kernel haben unterschiedliche Interpretationen der Syntax zum Schreiben von Webseiten, daher kann der Rendering-(Anzeige-)Effekt derselben Webseite in Browsern mit unterschiedlichen Kerneln auch unterschiedlich sein. Aus diesem Grund müssen Webseiten-Autoren Webseiten in Browsern mit unterschiedlichen Kerneln testen . Der Grund für den Anzeigeeffekt.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

! !

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