Unités CSS absolues et relatives-tutoriel CSS-php.cn

Les unités absolues et relatives CSS entrent toutes deux dans la catégorie des unités de distance.

Les unités relatives CSS définissent la longueur d'un élément par rapport à un autre.

Par exemple, vh les unités relatives sont relatives à la hauteur de la fenêtre.

Ce qui suit sont les unités relatives CSS -

Exemple Ci-dessous est la sortie du code ci-dessus - Avant de cliquer sur un bouton -

Sr.No	unités et relatives
1	% Taille de l'élément parent
2	em Taille de la police de l'élément td>
3	ex strong> La police de l'élément est élevée
5	rem La taille de la police de l'élément racine
6	rlh La hauteur de ligne de l'élément racine
7	vb Porte d'affichage dans le bloc d'élément racine 1% de l'axe
8	vh 1% de la hauteur de la fenêtre
9	vmax 1% de la taille plus grande de la fenêtre
10	vmin 1 % de la taille de la fenêtre d'affichage plus petite
11	vw 1% de la largeur de la fenêtre d'affichage
	Regardons un exemple d'unités relatives CSS -Démo en direct CSS Relative Units CSS-Relative-Units em rem vw lh ex Text Preview: Output will show up here Copier après la connexion Sortie

Après avoir cliqué sur le bouton "Aperçu", sélectionné l'option "rem" et le champ de texte non vide -

Après avoir cliqué sur "Aperçu " et en sélectionnant l'option "em" et le champ de texte n'est pas vide -

CSS 绝对和相对单位 Après avoir cliqué sur l'option "pt" et sélectionné le bouton "Aperçu" de texte non vide pour les champs -

CSS 绝对和相对单位 Après en cliquant sur le bouton "Aperçu" et en sélectionnant l'option "pc" et un champ de texte non vide -

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!

Php8, je viens aussi