Zusammenfassung allgemeiner Einheiten in CSS

Heute habe ich die 15 am häufigsten verwendeten Einheiten in CSS zusammengefasst. Um Ihnen das Verständnis zu erleichtern, werde ich sie unten einzeln auflisten.

1.px: Absolute Einheit, die Seite wird in genauen Pixeln angezeigt

2.em: Relative Einheit, der Bezugspunkt ist die Schriftgröße des übergeordneten Knotens, wenn Sie font-size Wird von selbst berechnet (die Standardschriftart des Browsers ist 16 Pixel), 1em ist kein fester Wert auf der gesamten Seite.

3.rem: Relative Einheit, die als „root em“ verstanden werden kann und relativ zur Schriftgröße des Stammknotens berechnet wird. HTML CSS3 fügt ein neues

-Attribut hinzu, das von Chrome unterstützt wird /firefox/IE9+.

4.vw: Blickwinkel

Breite, Fensterbreite, 1vw entspricht 1 % der Fensterbreite.

5.vh: Ansichtspunkt

Höhe, die Höhe des Fensters, 1vh entspricht 1 % der Höhe des Fensters.

6.vmin: Der kleinere von vw und vh.

7.vmax: Der größere von vw und vh.

8,%: Prozentsatz

9,in: Zoll

10,cm: Zentimeter

11,mm: Millimeter

12.pt:point, etwa 1/72 Zoll

13.pc:pica, etwa 6pt, 1/6 Zoll

14.ex: Ermitteln Sie die x-Höhe der Schriftart des aktueller Effekt, berechnet als 0,5em, wenn die x-Höhe nicht bestimmt werden kann (wird von IE11 und niedriger nicht unterstützt, Firefox/Chrome/Safari/Opera/ios Safari/

Android Browser4.4+ usw. erfordern alle Attribute hinzugefügt werden) Präfix)

15.ch: Basierend auf dem „0“-Zeichen in der vom Knoten verwendeten Schriftart, wenn nicht gefunden, ist es 0,5em (IE10+, chrome31+, safair7.1+, opera26+ , iOS Safari 7.1+, Android Browser 4.4+ Unterstützung)

Ich glaube, Sie haben die Rolle dieser Einheiten verstanden, nachdem Sie dies gelesen haben. Für weitere spannende Inhalte achten Sie bitte auf die chinesische PHP-Website

andere verwandte Artikel!

Verwandte Lektüre:

Detaillierte Einführung von CSS3 zum Übersetzungsattribut

CSS3-Attribut „Hintergrundgröße“ Detaillierte Einführung

Tutorial zur Verwendung des Transformationsattributs in CSS3

Das obige ist der detaillierte Inhalt vonZusammenfassung allgemeiner Einheiten in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!