Que sont les unités absolues CSS ?

En CSS, le nom complet de l'unité absolue est « unité de longueur absolue », qui est une valeur fixe qui reflète une taille physique réelle ; l'unité absolue dépend du support de sortie et ne dépend pas de l'environnement (moniteur, résolution, système d'exploitation, etc.) ). Les unités absolues CSS incluent cm (centimètres), mm (millimètres), in (pouces), px (pixels), pt (points) et pc (picas).

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Les unités de longueur CSS peuvent être divisées en : unités de longueur relative et unités de longueur absolue.

Unités relatives

Les unités de longueur relative spécifient les propriétés d'une longueur par rapport à une autre longueur. Il est plus adapté à différents équipements et longueurs relatives.

Unité absolue L'unité de longueur absolue est une valeur fixe qui reflète une valeur réelle physique taille. Les unités de longueur absolue dépendent du support de sortie et ne dépendent pas de l'environnement (moniteur, résolution, système d'exploitation, etc.) mmmm

Unit	Description
em	Il est décrit par rapport à la taille de police appliquée à l'élément actuel, il s'agit donc d'une unité de longueur relative. La taille de police par défaut des navigateurs généraux est de 16px, puis 2em == 32px
ex	dépend de la hauteur de la lettre anglaise small Abréviation de (root em), par rapport à la taille de police de l'élément racine (par rapport à l'élément racine HTML);
vw	largeur du point de vue, largeur de la fenêtre, 1vw = 1% de la largeur de la fenêtre
vh	hauteur du point de vue, hauteur de la fenêtre, 1vh = 1% de la hauteur de la fenêtre
vmin	Le plus petit de vw et vh
vmax	Le plus grand de vw et vh

in pouces (1in= 96px = 2.54cm)

pxpixelsptpoint (1pt = 1/ 72 pouces)pièce pica environ 12pt (1pc = 12pt)unité css px --- l'unité de longueur la plus couramment utiliséepx, également connue sous le nom de : pixel, est une unité de taille fixe de support d'écran ( c'est-à-dire lire sur un écran d'ordinateur), Est une unité mesurée en degrés. 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 : css pc unit

.demo{  font-size: 4pc; }

pt: point (Point), unité de longueur absolue

	.demo{ font-size: 40px; }
pc : Pica, qui équivaut à la taille de la nouvelle police n°4 de mon pays.
	css pt unité

.demo{  font-size: 40pt; }

css en unité

in: (Pouces), une mesure physique unités, mais dans le monde du CSS, les pouces sont simplement mappés directement aux pixels.

.demo{  font-size: 0.5in; }

unité css mmmm : Le millimètre (Millimètre), est une unité de mesure physique d'un petit ordre de grandeur.

.demo{  font-size: 10mm; }

css cm unitcm : Le centimètre est une unité de mesure physique familière et utile pour la plupart des gens dans le monde. En CSS, il est également mappé en pixels.

.demo{  font-size: 1cm; }

Développer les connaissances :

Voyons comment ces unités de longueur sont converties :

1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px

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

px = pt *（96/72）
pt=px*（72/96）

(Vidéo d'apprentissage partage : Démarrer avec le front-end Web)

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!