Vous êtes sur la page 1sur 5

Ministère de l'Enseignement Supérieur et de la Recherche Scientifique

Université Alger 1 - Faculté des Sciences


Département Mathématiques et Informatique

Module : Développement et Application Web Filière : Mathématiques- Informatique


Semestre : S4
Série d’exercices

Partie II : CSS

Exercice 1 :
En utilisant le CSS suivant, donnez les couleurs de chacun des éléments suivants :

1
Exercice 2 :
Reprendre l’exercice 2 de la série précédente et ajouter le code css nécessaire pour obtenir le résultat
suivant :

Remarque : utiliser les 3 emplacements possibles du CSS


Dans la partie « head »/Dans la balise concernée par le style,/ Et ensuite dans un fichier séparé.

Indices :
1- Appliquer à la balise <h1> (Texte) le style suivant :
a. Alignement du titre centré en utilisant la propriété «text-align »,
b. Couleur du titre est « bleu » en utilisant la propriété « color ».
2- Appliquer la balise <p> du paragraphe (« La programmation web … », le style suivant :
a. Alignement du texte justifié,
b. Couleur du texte est « rouge » sur un fond « jaune ». La couleur du font est réalisée en utilisant la propriété
« background-color »
3- Encadrer les deux paragraphes
Exercice 4 :
Reprendre l’exercice 2, question 2 et ajouter le code CSS nécessaire pour obtenir le résultat suivant :
1) En utilisant les classes
2) En utilisant les sélecteurs avancés

2
Exercice 5 :
Reprendre l’exercice 2, question 2 et ajouter le code CSS nécessaire pour obtenir le résultat suivant :
1) En utilisant les classes
2) En utilisant les sélecteurs avancés

Exercice 6:
Reprendre l’exercice des tableaux de la série précédente et ajouter le code CSS nécessaire pour obtenir le
résultat suivant :

3
Exercice 7 :
Calculez les priorités des sélecteurs suivants et classez-les du plus prioritaire au moins
prioritaire. On suppose que toutes ces règles sont définies dans un fichier externe,
donc les valeurs recherchées commencent toujours par (0,...).

Exercice 8:
Quelle est la couleur du texte “Priorité CSS” dans les deux cas suivant ?
1. Le fichier styles.css contient p {color:blue;}, et le fichier index.html contient

2. Le même fichier styles.css et le fichier index.html sans la règle inline

4
5