Maison > interface Web > tutoriel HTML > Unités de longueur HTML px, em, pt

Unités de longueur HTML px, em, pt

(*-*)浩
Libérer: 2019-10-14 16:11:15
original
3200 Les gens l'ont consulté

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}
Copier après la connexion

Code HTML :

<div class="divcss-px">我是divcss1</div> 
<div class="divcss-pt">我是divcss2</div> 
<div class="divcss-em">我是divcss3</div>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal