Marge et rembourrage en utilisant em
Quand cadratin (1 em est appliquée à un élément, il prend la valeur par défaut du navigateur (généralement, 16px) ou une taille de police de la valeur de ses parents, à droite?. Mais j'ai remarqué que si j'utilise quelque chose comme margin-top: 1em dans un h1 élément (sans l'aide d'un reset de la feuille de style, et, par conséquent, h1 est fixé à font-size: 32px), puis cadratin (1 em est égal à 32pxmême si son élément parent est défini à font-size: 16px.
Cependant, en utilisant quelque chose comme font-size: 100%; résout la contradiction.
Ce qui me manque?
source d'informationauteur Robert Smith
Vous devez vous connecter pour publier un commentaire.
Non, il faut son propre
font-sizecalculée basé sur son parent (ou le navigateur par défaut-valeur fournie). Depuis le navigateurfont-sizedeh1est de 32 pixels, la résultante de la marge est de 32 pixels.Par la mise en
font-size: 100%;oufont-size: 1em;sur un élément, vous êtes lui disant d'utiliser 100% de la taille de la police de son parent, de sorte que le réglage de1emcomme une longueur sur quoi que ce soit d'autre le fera suivre à 100%.1emest égale à la taille de police de la élément en question. Donc, lorsque vous l'utilisez avec des marges, elle sera équivalente à la taille de police de l'élément que vous êtes à l'application de la marge de trop.