Quelles sont les principales unités de longueur absolue CSS ? Comment convertir entre unités de longueur absolue ?

Cet article vous présentera quelles sont les principales unités de longueur absolue dans les unités de longueur CSS et comment les convertir. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Il existe de nombreuses unités de longueur en CSS, qui peuvent être décrites comme diverses, mais elles peuvent essentiellement être divisées en trois catégories : les unités de longueur relatives, les unités de longueur absolue et les unités de longueur en pourcentage de la zone visuelle. Les unités de longueur absolue représentent : des unités de longueur qui sont fixes les unes aux autres et ne changeront pas en raison des changements de taille des autres éléments, notamment : px, pc, pt, in, mm, cm.

Tout d’abord, présentons brièvement ces unités de longueur.

unité css px --- l'unité de longueur la plus couramment utilisée

Px est également connu sous le nom de : pixel, qui est un support d'écran (c'est-à-dire lire sur un écran d'ordinateur Prenez) une unité de taille fixe, qui est une unité mesurée en angle. Un pixel équivaut à un point sur l'écran de l'ordinateur (c'est-à-dire la plus petite division de la résolution de l'écran), et les pages Web peuvent être parfaitement restituées avec précision par pixel. Voyons comment le configurer, par exemple :

.demo{  font-size: 40px; }

unité PC CSS

pc : la carte à tarte (Pica) est équivalente à la taille du nouveau type n°4 de mon pays.

.demo{  font-size: 4pc; }

unité pt css

pt : Point, unité de longueur absolue

.demo{  font-size: 40pt; }

css en unité

in : Inch, une unité physique de mesure, Mais dans le monde de CSS, les pouces sont simplement mappés directement aux pixels.

.demo{  font-size: 0.5in; }

unité CSS mm

mm : Millimètre, est un A physique unité de mesure d'un petit ordre de grandeur.

.demo{  font-size: 10mm; }

unité css cm

cm : Centimètre, pour le plus grand du monde La plupart des gens sont familier avec les unités de mesure physiques utiles. En CSS, il est également mappé en pixels.

.demo{  font-size: 1cm; }

Ensuite, regardons comment ces unités de longueur sont converties :

1in = 2,54 cm = 25,4 mm = 72 pt = 6pc=96px

Ci-dessous nous donnons la formule de conversion mutuelle de pt et px :

px = pt * (96/72)

pt=px* ( 72 /96)

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun. Pour plus de didacticiels connexes, veuillez visiter le didacticiel vidéo de base CSS , le didacticiel vidéo CSS3 , didacticiel vidéo bootstrap  !

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!