IntroductionI écrit un article une fois appelé, Conception de pages Web pour toutes les résolutions. Dans cet article, je insisté sur l'utilisation de l'unité de pourcentage de CSS lorsque cela est possible, au lieu d'autres unités comme le pixel. Cette référence est un suivi à ce sujet. L'unité de pourcentage pour une propriété CSS est donnée par rapport à une autre propriété CSS. Je vous donne tout ce que la relation dans cet article.
Donc, comme vous prévoyez de concevoir votre page Web pour toutes les résolutions d'écran d'ordinateur, vous venez juste ici pour connaître la signification de la valeur de pourcentage que vous avez à donner (si vous ne connaissez pas déjà). Note: votre navigateur ne peut pas mettre en œuvre toutes les relations indiquées ci-dessous. Aussi, de nombreuses propriétés CSS ne pas utiliser les mesures (ne pas utiliser pourcentage, pixel, etc.) La liste est pas tant que vous ne le pensez. Note: Un bloc contenant est un élément contenant.
Cette référence est basé sur CSS2, qui est la dernière version de CSS, today.Note: Si vous ne pouvez pas voir le code ou si vous pensez que quelque chose manquait (lien brisé, l'image absente), contactez-moi au [email protected]. Qui est, me contacter pour le moindre problème que vous avez à propos de ce que vous reading.100% La valeur (propriété) que la valeur de pourcentage (de la propriété) en question se réfère, est de 100%. Cela signifie que la valeur en question est une fraction de la valeur, il se réfère à (mesurée par rapport à).
Éléments CSS BoxMost HTML sont sous la forme d'une boîte, avec une bande de rembourrage rectangulaire autour, puis une bande rectangulaire de la frontière autour de lui et une bande marge rectangulaire autour d'elle. L'espace sans padding, border et la marge est la zone de contenu. Cette zone de contenu a une largeur (horizontale) et la hauteur (verticale). padding-widthConsider un élément intérieur d'un bloc contenant. Le padding-largeur de l'élément est donnée par rapport à la largeur de la zone de contenu contenant des block.
border-widthAs de CSS2, vous ne pouvez pas donner la largeur de bordure en pourcentage. Vous pouvez donner en pixels.margin-widthConsider un élément intérieur d'un bloc contenant. La marge de largeur de l'élément est donnée par rapport à la largeur de la zone de contenu de la block.DimensionswidthConsider contenant un élément à l'intérieur d'un bloc contenant. La largeur de l'élément est donnée par rapport à la largeur de la zone