Ist % die Einheit von CSS3?

„%“ ist die Einheit in CSS3. „%“ bezieht sich auf den Prozentsatz und ist eine relative Längeneinheit; alle Attribute, die Längenwerte akzeptieren, können prozentuale Einheiten verwenden, aber unterschiedliche Attribute haben unterschiedliche Auswirkungen auf die Verwendung dieser Einheit Der Referenzwert ist ein Wert relativ zur Höhe, Breite oder Schriftgröße des enthaltenden Blocks. Die Syntax lautet „Element {Längenwertattribut: Prozentwert %}“.

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

CSS3-Einheiten

CSS %--Prozent

Prozent (%) ist auch eine unserer am häufigsten verwendeten Einheiten. Alle Attribute, die Längenwerte akzeptieren, können Prozenteinheiten verwenden. Allerdings kann die Wirkung der Verwendung dieser Einheit mit unterschiedlichen Attributen unterschiedlich sein. Sie müssen jedoch alle einen Referenzwert haben, das heißt, der Prozentwert ist ein relativer Wert.

Prozentsatz ist eine relative Längeneinheit, die relativ zur Höhe und Breite oder Schriftgröße des enthaltenden Blocks gemessen wird.

Das Konzept des enthaltenden Blocks kann nicht einfach als übergeordnetes Element verstanden werden.

Wenn es sich um eine statische Positionierung und eine relative Positionierung handelt, ist der enthaltende Block im Allgemeinen sein übergeordnetes Element.

Wenn es sich um ein absolut positioniertes Element handelt, sollte der enthaltende Block das nächstgelegene Vorgängerelement mit einem nicht statischen Positionsattribut sein.

Wenn es sich um ein Element mit fester Position handelt, ist sein enthaltender Block das Ansichtsfenster.

Prozentuale Vererbung

Wenn ein Element das Prozentattribut festlegt, erben die untergeordneten Elemente den berechneten Wert. Zum Beispiel:

p { font-size: 10px;line-height: 120%; }

Dann ist der vom untergeordneten Element von p geerbte Wert line-height: 12px, nicht line-height: 120 %.

(Teilen von Lernvideos: CSS-Video-Tutorial, HTML-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonIst % die Einheit von CSS3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!