css quelle est l'unité de longueur relative

En CSS, les unités de longueur relative sont des unités de longueur mesurées en fonction de leur relation avec d'autres éléments et n'ont pas de valeur fixe. La distance réelle mesurée peut changer en raison d'autres facteurs indépendants de sa volonté, tels que la résolution de l'écran, la largeur et la hauteur de la zone visuelle, etc. et, pour certaines unités relatives, sa taille variera en fonction de l'élément utilisant cette unité. varient de l'un à l'autre.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur Dell G3.

Recommandé : Tutoriel vidéo CSS

Unités de longueur relative (Unités de longueur relative)

Comme comme le nom l'indique, il n'y a pas de valeur fixe pour les unités relatives. Leurs valeurs sont relatives à une autre valeur ou caractéristique prédéfinie. Les unités relatives nous permettent de redimensionner facilement les éléments de manière appropriée, car nous pouvons relier la largeur, la hauteur, la taille de la police, etc. de l'élément à d'autres paramètres de base.

Ces unités sont généralement recommandées lorsque vous créez des mises en page réactives et sont préférées pour les médias numériques. Leurs valeurs peuvent être relatives à la police que vous utilisez, ou à la hauteur et à la largeur de la fenêtre d'affichage de l'écran.

Unités de longueur relative couramment utilisées en CSS

1 Unité Em

em est une unité de longueur de police relative, et sa longueur unitaire est basée sur. l'élément Déterminé par la longueur verticale du texte. Par exemple : 1em équivaut à la taille de police actuelle (attribut font-size), puis 2em équivaut à deux fois la taille de police actuelle. S'il est utilisé pour d'autres attributs (largeur, hauteur), il est relatif à la taille de police de l'élément lui-même. Il peut être utilisé pour définir la largeur, la hauteur, la hauteur de ligne, la marge, le remplissage, la bordure et d'autres styles.

2. unité rem

rem est une nouvelle unité de longueur de police relative en CSS3. Sa longueur est uniquement déterminée par rapport à la taille de la police de l'élément racine, c'est-à-dire l'élément html. est essentiel pour les pages mobiles.

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

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!