CMC NADOR HAIJ Oussama

TP 4 CSS

Exercice 1:
Modifier la taille de la police d'un élément sur différentes tailles d'écran

Lorsque la largeur du navigateur est de 600 pixels ou moins, définissez la taille de

police de DIV sur 30 pixels. Lorsqu'il est de 601px ou plus large, définissez la taille de
la police sur 80px. Redimensionnez la fenêtre du navigateur pour voir l'effet.

Exercice 2 :
Media Queries pour les menus

Dans cet exemple, nous utilisons des Media Queries pour créer un menu de navigation réactif, dont la
conception varie selon les différentes tailles d'écran.

1
CMC NADOR HAIJ Oussama

Exercice 3 :
La méthode translate()

Cet élément div est déplacé de 50 pixels vers la droite et de 100 pixels vers le bas par rapport à sa position
actuelle.

Exercice 4 :
La méthode rotate()

L'exemple suivant fait pivoter l'élément <div> dans le sens des aiguilles d'une montre de 40 degrés :