En CSS, les pourcentages sont souvent utilisés pour définir des dimensions relatives plutôt que des dimensions fixes. Lorsqu’une dimension est définie en pourcentage, elle est toujours relative à un autre élément ou à une autre dimension.
Voici quelques exemples de comment les pourcentages peuvent être utilisés en CSS:
1. Largeur et hauteur : Vous pouvez utiliser des pourcentages pour définir la largeur et la hauteur d’un élément. La dimension sera alors relative à la taille de l’élément parent.
Exemple :
```
div {
width: 50%;
height: 50%;
}
```
Cela fera en sorte que le div soit toujours la moitié de la taille de son parent.
1. Padding et margin : Les pourcentages peuvent être utilisés pour définir les paddings et les marges. Dans ce cas, le pourcentage est relatif à la largeur de l’élément parent, même pour le padding-top ou margin-top.
Exemple :
```
div {
padding: 20%;
margin: 10%;
}
```
1. Positionnement : En utilisant la position absolue, les pourcentages peuvent être utilisés pour définir les coordonnées haut, bas, gauche et droite de l’élément. Le pourcentage sera relatif à l’élément parent le plus proche avec une position autre que statique.
Exemple :
```
div {
position: absolute;
top: 10%;
left: 20%;
}
```
1. Texte : Les pourcentages peuvent également être utilisés pour définir la taille du texte. Dans ce cas, la taille est relative à la taille de la police de l’élément parent.
Exemple :
```
p {
font-size: 150%;
}
```
Cela définit la taille de la police à 150% de la taille de la police de l’élément parent.
