Est-ce que % est l'unité de CSS3 ?

"%" est l'unité dans CSS3. "%" fait référence au pourcentage et est une unité de longueur relative ; tous les attributs qui acceptent des valeurs de longueur peuvent utiliser l'unité de pourcentage, mais différents attributs ont des effets différents selon vous. besoin d'avoir un La valeur de référence est une valeur relative à la hauteur, à la largeur ou à la taille de la police du bloc conteneur. La syntaxe est "élément {attribut de valeur de longueur : valeur en pourcentage %}".

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

Unités CSS3

CSS %--Pourcentage

Le pourcentage (%) est également l'une de nos unités les plus couramment utilisées. Tous les attributs qui acceptent des valeurs de longueur peuvent utiliser des unités de pourcentage. Cependant, l'effet de l'utilisation de cette unité avec différents attributs peut être différent. Mais ils doivent tous avoir une valeur de référence, ce qui signifie que la valeur en pourcentage est une valeur relative.

Le pourcentage est une unité de longueur relative, qui est mesurée par rapport à la hauteur et à la largeur ou à la taille de la police du bloc conteneur.

Le concept de bloc conteneur ne peut pas être simplement compris comme l'élément parent.

S'il s'agit d'un positionnement statique et d'un positionnement relatif, le bloc conteneur est généralement son élément parent.

S'il s'agit d'un élément à position absolue, le bloc conteneur doit être l'élément ancêtre le plus proche avec un attribut de position non statique.

S'il s'agit d'un élément à position fixe, son bloc conteneur est la fenêtre.

Héritage des pourcentages

Si un élément définit l'attribut pourcentage, les éléments descendants héritent de la valeur calculée. Par exemple :

p { font-size: 10px;line-height: 120%; }

Alors la valeur héritée par l'élément enfant de p est line-height : 12px, et non line-height : 120 %.

(Partage vidéo d'apprentissage : tutoriel vidéo CSS, tutoriel vidéo HTML)

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!