Maison > Article > interface Web > Quelles sont les caractéristiques de rem en CSS
Quelles sont les caractéristiques de rem en CSS
- 王林original
- 2020-11-11 10:58:193364parcourir
La caractéristique de rem en CSS est la suivante : lorsque vous utilisez rem pour définir la taille de la police d'un élément, il s'agit toujours d'une taille relative, mais par rapport à l'élément racine HTML, tel que [.b{font-size : 2rem; //ici Juste 8px;}].
L'environnement d'exploitation de ce tutoriel : Système Windows 10, CSS3, cet article est applicable à toutes les marques d'ordinateurs.
rem : (par rapport à l'élément racine, c'est-à-dire HTML)
rem est une nouvelle unité relative en CSS3. La différence entre elle et em est que lors de l'utilisation de rem pour définir la police. size pour un élément, toujours une taille relative, mais relative uniquement à l'élément racine HTML. Son utilisation est très simple. Vous pouvez modifier sa valeur en changeant la taille de l'élément racine (rem et em sont similaires, mais les éléments relatifs sont différents)
(Partage vidéo d'apprentissage : tutoriel vidéo Java. )
px : (fixé)
px est l'abréviation de pixel, qui signifie pixel. Il est utilisé pour spécifier la taille de la police ainsi que la largeur et la hauteur de l'élément. Les pixels sont relatifs à la résolution de l'écran du moniteur
em : (par rapport à l'élément parent)
em est une unité de longueur relative, qui est relative à la taille de la police du texte dans l'objet actuel . Si nous ne définissons pas la taille de police du texte actuel, alors em sera relative à la taille de police par défaut du navigateur
Exemple de code :
//em的值时相对于父元素，修改.a的大小，.b的大小会随之发生变化
<style>
.a{
font-size: 4px; //1em=4px
}
.b{
font-size: 2rem; //这里就8px;
}
</style>
</head>
<body>
<div class="a">
<p class="b">
51515
</p>
</div>
</body>Recommandations associées : CSS tuto
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!