Modifier les cadres
Nous avons la regle CSS suivante
h1 {
border: 2px red 4px yellow;
}
Cette regle ne fera rien car les arguments ne son pas aptes, border n'accepte que trois arguments, line-width, line-style et color.
Principales unités utilisables en CSS
L'avantage principal d'utiliser un pourcentage comme unité est l'adaptabilité qu'il permet, tout de même il est utile aussi d'être capable de cadrer les valeurs avec des chiffres fixes, c'est pour cela qu'on utilise des tailles absolues aussi.
L'unité em est simplement la taille de la police de caractères. Pour un élément dont la police est de taille 2in, 1em signifie donc 2in.
L'unité rem se presente comme une solution qui proviennent de la relativité de l'unité em, car elle permet de definir une taille de police par defaut au lieu d'utiliser automatiquement celle du parent.
L'unité de longueur CSS vh est relative à la hauteur du bloc conteneur initial. vh est égale à 1% de cette dernière.
L'unité de longueur CSS vw est relative à la largeur du bloc conteneur initial. vw est égale à 1% de cette dernière.
Galerie d'imagesCouches successives
DIV #1 est devant DIV #4 car ils sont dans des contextes d'empilement differents, DIV #4 est un fils de DIV #3 alors que DIV #1 ne l'est pas. Donc les valeurs de z-indices ne les influencent pas.