Unités de longueur HTML px, em, pt

Le nom de l'unité px est pixel, une unité de longueur relative (px) est relative à la résolution de l'écran du moniteur

le nom de l'unité em est une unité de longueur relative. . Par rapport à la taille de la police du texte dans l'objet actuel, elle est davantage utilisée à l'étranger (Apprentissage recommandé : Tutoriel HTML)

Le nom de l'unité pt est point (Point), et le L'unité de longueur absolue est généralement présente dans les anciennes versions. Les tableaux utilisent des unités de taille de longueur, mais elles ne sont pratiquement plus utilisées actuellement.

Brève introduction aux unités HTML :

Px pixel Pixel ; unité de longueur relative.

Pt Point ; unité de longueur absolue

Unité de longueur relative Em, où em est orthographié exactement de la même manière que le "EM" de la balise html une unité de texte distincte.

1. Dans le passé, IE ne pouvait pas ajuster la taille de la police qui utilisait px comme unité, mais maintenant presque IE la prend en charge et il est recommandé d'utiliser px comme unité

2 ; . La plupart des sites Web étrangers peuvent La raison de l'ajustement est qu'il utilise em comme unité de police

3. Firefox peut ajuster px et em, mais plus de 96 % des internautes chinois utilisent le navigateur (ou le noyau) IE ; .

px pixels (Pixel). Unité de longueur relative. Le pixel px est relatif à la résolution de l'écran du moniteur, et les captures d'écran QQ utilisent également PX comme unité de longueur et de largeur.

em est une unité relative de longueur. La taille de la police par rapport au texte dans l'objet actuel. Si la taille de police actuelle du texte en ligne n'a pas été définie manuellement, elle sera relative à la taille de police par défaut du navigateur.

Définissez différentes longueurs pour les unités de texte em px pt pour voir l'effet :

Code CSS :

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

Code HTML :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!