HTML-Längeneinheiten px, em, pt

Der px-Einheitsname ist Pixel, eine relative Längeneinheit. Pixel (px) ist relativ zur Bildschirmauflösung.

em-Einheitsname ist eine relative Längeneinheit . . Im Verhältnis zur Schriftgröße des Textes im aktuellen Objekt wird er im Ausland häufiger verwendet In älteren Versionen werden in der Regel Längengrößeneinheiten als absolute Längeneinheit verwendet, diese werden jedoch heutzutage grundsätzlich nicht mehr verwendet.

Kurze Einführung in HTML-Einheiten:

Px Pixel Pixel; relative Längeneinheit. Pt Point; absolute Längeneinheit

Em relative Längeneinheit, wobei em genauso geschrieben wird wie das „EM“ des HTML-Tags eine separate Texteinheit.

1. In der Vergangenheit konnte der IE die Schriftgröße, die px als Einheit verwendete, nicht anpassen, aber jetzt unterstützt der IE dies fast und es wird empfohlen, px als Einheit zu verwenden.

2 . Der Grund für die Anpassung ist, dass Firefox px und em verwenden kann, aber mehr als 96 % der chinesischen Internetnutzer verwenden IE-Browser (oder Kernel). .

px Pixel (Pixel). Relative Längeneinheit. Pixel px sind relativ zur Bildschirmauflösung des Monitors, und QQ-Screenshots verwenden auch PX als Längen- und Breiteneinheit.

em ist eine relative Längeneinheit. Die Schriftgröße relativ zum Text im aktuellen Objekt. Wenn die aktuelle Schriftgröße für Inline-Text nicht manuell festgelegt wurde, ist sie relativ zur Standardschriftgröße des Browsers.

Stellen Sie unterschiedliche Längen für Text-em-px-pt-Einheiten ein, um den Effekt zu sehen:

CSS-Code:

.divcss-px{ font-size:12px} 
.divcss-pt{ font-size:12pt} 
.divcss-em{ font-size:2em}

HTML-Code:

<div class="divcss-px">我是divcss1</div> 
<div class="divcss-pt">我是divcss2</div> 
<div class="divcss-em">我是divcss3</div>

Das obige ist der detaillierte Inhalt vonHTML-Längeneinheiten px, em, pt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!