Comment exprimer la longueur en HTML ? Plusieurs méthodes courantes de représentation de longueur en HTML

Comment exprimer la longueur en html ? Quelles sont les méthodes courantes de représentation de longueur en HTML ? Cet article vous apporte du contenu sur la méthode HTML de longueur moyenne. J'espère qu'il vous sera utile.

Ce qui suit est un résumé de l'introduction de pCSS5 aux unités HTML courantes dans les pages Web et une introduction aux unités de longueur dans la mise en page CSS+p.

En fait, il y a 8 unités de longueur en CSS, à savoir px, em, pt, ex, pc, in, mm, cm

px : pixel ( Pixel), par rapport à l'unité de longueur de l'appareil, les pixels sont relatifs à la résolution de l'écran d'affichage. Par exemple, la résolution utilisée par les utilisateurs de WONDOWS est généralement de 96 pixels/pouce. La résolution utilisée par les utilisateurs MAC est généralement de 72 pixels/pouce.
em : unité de longueur relative. La taille de la police par rapport au texte dans l'objet actuel. Si la taille de police du texte en ligne actuel n'a pas été définie manuellement, elle est relative à la taille de police par défaut du navigateur.
ex : unité de longueur relative. Hauteur par rapport au caractère "x". Cette hauteur correspond généralement à la moitié de la taille de la police. 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.
pt : Point, unité absolue de longueur.
pc : Pica, unité absolue de longueur. C'est l'équivalent de la taille du nouveau type n°4 de mon pays.
po : Pouce, unité absolue de longueur.
mm : Millimètre, unité absolue de longueur.
cm : Centimètre, unité absolue de longueur.

Parmi eux : 1in = 2,54 cm = 25,4 mm = 72 pt = 6pc ;

Nous utilisons souvent px comme unité pour la taille du conteneur, et tout le monde n'a aucune objection à la taille de la police. (taille de police) est nombreux au niveau national. De nombreuses personnes utilisent px comme unité. En fait, le seul inconvénient fatal de l'utilisation de px comme unité de police est que la fonction de mise à l'échelle des polices du navigateur ne peut pas être utilisée sous IE. Ou maintenez la touche Ctrl + faites défiler la molette centrale de la souris.

Beaucoup de gens recommandent d'utiliser les unités em html. Ce n'est certainement pas très pratique pour les personnes habituées à utiliser px. Voici quelques formules de conversion et tableaux de comparaison pour votre référence :

px en. em :Exemple : 12px / 16px = .75em
px à %:Exemple : 12px / 16px * 100 = 75%
px à pt :Exemple : 16px * 72 (72 points = 1 pouce) / 96 (96 pixels par pouce sous Windows, 72 sous Mac) = 12pt
em en px :Exemple : .75em * 16px = 12px
em en % :Exemple : .75em * 100 = 75%
% en px : Exemple : 75 * 16px / 100 = 12px
% à em:Exemple : 75 / 100 = .75em
pt à px:Exemple : 12pt * 96ppi / 72ppi = 16px

Pixels	EMs	Percent	Points
6px	0.375em	37.5%	5pt
7px	0.438em	43.8%	5pt
8px	0.5em	50%	6pt
9px	0.563em	56.3%	7pt
10px	0.625em	62.5%	8pt
11px	0.688em	68.8%	8pt
12px	0.75em	75%	9pt
13px	0.813em	81.3%	10pt
14px	0.875em	87.5%	11pt
15px	0.938em	93.8%	11pt
16px	1em	100%	12pt
17px	1.063em	106.3%	13pt
18px	1.125em	112.5%	14pt
19px	1.188em	118.8%	14pt
20px	1.25em	125%	15pt
21px	1.313em	131.3%	16pt
22px	1.375em	137.5%	17pt
23px	1.438em	143.8%	17pt
24px	1.5em	150%	18pt

Final pCSS5 RecommandéUtiliser les Pixels PX comme unité pour mettre en page les pages Web :

Je pense personnellement qu'utiliser px comme unité de police présente désormais l'inconvénient de ne pas pouvoir utilisez la fonction de mise à l'échelle des polices du navigateur sous IE. Cela n'a plus d'importance. Parce que les nouvelles versions d'IE7 et IE8 prennent déjà en charge la fonction de zoom de la page Web entière, y compris Firefox, qui met à l'échelle la page Web entière par défaut au lieu de mettre à l'échelle les polices CSS. Est-il important de ne pas simplement mettre à l'échelle la taille de la police ?

Pour plus de didacticiels connexes, veuillez visiter :http://www.php.cn/course/list/11.html

C'est Comment exprimer la longueur en HTML ? Une introduction complète à plusieurs méthodes courantes de représentation de longueur en HTML. Si vous souhaitez en savoir plus sur les didacticiels HTML, veuillez prêter attention au site Web PHP chinois.

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!