td css

Pages: 54 (13416 mots) Publié le: 19 janvier 2014
Travaux dirigés et pratiques de CSS en T.I.



Exercices sur le langage CSS
Je vous conseille vivement pour solutionner les exercices de créer un fichier css dans lequel vous déclarerez éventuellement tous les
styles car vous pourrez par la suite lier le fichier d‟extension .css créé à un ou plusieurs fichiers HTML pour apprécier le résultat à sa juste
valeur. Les fichiers HTML doiventêtre crées dans un dossier tpcss qui est un sous-dossier d‟un disque local et les fichiers css doivent être crées
dans un sous-dossier feuillesdestyles du dossier tpcss.

Exercice 1 :
1. Définissez les mots, expressions et sigles suivants : CSS, feuille de style externe, élément anonyme, feuille de style interne, feuille de
style en ligne, positionnement hors flux, sélecteur, bloc dedéclarations, positionnement dynamique, pseudo-classe, pseudo-élément,
sélecteur d’identifiant, sélecteur de classe, sélecteur d’élément, sélecteur universel, sélecteur contextuel, sélecteur d’attributs.
2. Donnez les six avanatges des feuilles de style en casacde.
3. À quoi sert le validateur CSS ? Donner son URL.
4. Écrivez la syntaxe générale de la déclaration d’un style.
5. Citer et décrire les typesde sélecteur suivants : les pseudo-classes et les pseudo-éléments en CSS3.
6. Quel est l’intérêt des :
 Sélecteurs de classe ?
 Pseudo-classes ?
 Pseudo-éléments ?
 Pseudo-formats ?
7. Quel est la déclaration qui permet de donner de l’importance à un style en cas de conflit ?
8. Citer les trois méthodes d’écriture des styles CSS et la façon dont on peut les lier à un document HTML.
9.Décrire les quatre degrés de priorité d’une règle de style c’est-à-dire les quatre sélections par spécificité.
10. Faites un briefing sur les notions de cascade et d’héritage en CSS.
11. Citer et décrire (en termes d’avantages, inconvénients et valeurs) les unités de longueur.
12. Quel est la couleur par défaut :
 De l’avant-plan ?
 De l’arrière-plan ?
 De l’espacement ?
13. À quelmoment définit-on une image de fond pour une page web entière ?
14. Comment est définit par défaut l’image de fond ?
15. Donnez l’algorithme de placement d’une boite flottante en css.
16. Donnez la particularité du modèle tabulaire.
17. Citer et décrire pour la propriété display le large panel de valeurs relatives aux rendus de forme tabulaire.
18. Les balises de type inline possèdent-ils desmarges ? Justifier votre réponse.
19. Les marges par défaut pour les balises de type block sont-ils les mêmes ? Justifier votre réponse.
20. Donner la figure qui représente un modèle de boîte en CSS.
21. À quoi sert la création des bordures autour d’un élément ?
22. Citer les unités de longueur qui se prêtent mieux aux écrans et ceux aux médias imprimés.
23. Que représente la graisse du texte ?24. Qu’elle est la propriété qui permet d’utiliser une police personnalisée ? Donner sa syntaxe d’utilisation.
25. Qu’elle est la propriété qui permet de couper les textes trop larges dans une balise de type block ? Donner sa (ou ses) valeur(s)
possible(s).
26. À quoi sert la fonction scale ?
Exercice 2 :
1. À quoi sert le symbole dièse (#) dans la déclaration d’un style qui représente unsélecteur d’identifiant ?
2. Où peut-on écrire des styles CSS ?
3. Est-il possible de donner les noms de deux sélecteurs de classes (ou plus) comme valeur d’un attribut class ? Justifier votre réponse.
4. Comment est appelé un style :
 Lorsqu’il est placé dans une balise à l’aide de l’attribut style ?
 Lorsqu’il est placé dans la balise en paire style ?
 Lorsqu’il est dans un fichier distinctque le fichier qui contient la description du contenu de la page web ?
5. Quel est le nom de la balise permettant d’appeler un fichier .css externe ?



6. À quelles balises s’applique ce code CSS p strong{ } ?
 Aux balises et ;
 Aux balises situées dans des ;
 Aux balises situées dans des .
7. À quelles balises s’applique ce code CSS (bis) .menu, em{ } ?
 Aux balises...
Lire le document complet

Veuillez vous inscrire pour avoir accès au document.

Vous pouvez également trouver ces documents utiles

  • CSS AbsoluteRelative
  • Bep css
  • Bep css
  • Synthèse css
  • Bep css
  • Scénario css
  • Css pour débutant
  • Bep css

Devenez membre d'Etudier

Inscrivez-vous
c'est gratuit !