DOCUMENTATION CSS
1. Que signifie CSS et quel est son rôle dans le développement web? (Expliquer de
manière simple ) ;
2. Quelles sont les méthodes existantes ou moyens pour utiliser le CSS ?
a. Pour chaque méthode donner un exemple pratique sur VScode.
3. Qu’est ce qu’un sélecteur en CSS ?
4. Quels sont les différents types de sélecteurs en CSS ?
a. Pour chaque type donner son role .
b. Pour chaque type donner un exemple pratique sur VSCode .
1. Que signie CSS et quel est son rôle dans le développement web (
Expliquer de manière simple )
a. Signification : Le CSS (Cascading style sheet ou feuille de style en cascade en
français)
a. Rôle : Grâce aux CSS, vous pouvez contrôler exactement l'affichage de chaque
élément HTML dans le navigateur et ainsi présenter vos documents avec la mise en
forme de votre choix.
2. Quelles sont les méthodes existantes ou moyens pour utiliser le CSS? [Link] chaque
méthode donner un exemple pratique surVisual Studio Code
.
● Méthode 1 – ajout du style via l’attribut « style »
○ Si le design est relatif seulement à la balise
○ Aucun besoin de réutilisation ultérieur du design
● Méthode 2 – ajout du style depuis la balise « head »
○ Si le design est relatif à plusieurs balises
○ Aucun besoin de réutilisation dans d’autre fichier du site
● Méthode 3 – ajout du style dans un fichier CSS dédié
○ Si le design est global aux pages web
○ Cette méthode peut-être utilisé sans restriction et dans n’importe quelle
situation
3. Qu’est-ce qu’un sélecteur en CSS?
Un sélecteur CSS est la partie de la règle CSS qui désigne les éléments d'un document
ciblés par cette règle. Les éléments correspondants se verront appliquer la mise en forme
indiquée par la règle.
4. Quels sont les diférents types de sélecteur en CSS?
● Sélecteurs généraux
● Sélecteur d’attribut
● Le sélecteur de descendant
a. Pour chaque type donner son rôle.
SÉLECTEUR GÉNÉRAUX :
- Sélecteur universel
Le sélecteur étoile (*) sélectionne toutes les balises du document web. Si on souhaite modifier la police de tout le
document, on pourra donc employer :
- Sélecteur de type
D'un point de vue de la sémantique employée par le W3C, lorsqu'on utilise h2 pour changer le style de tous les
titres de niveau 2, on utilise un sélecteur de type. Un sélecteur de type est donc le nom d'une balise dans la page
web.
a. Pour chaque type donner son rôle.
Sélecteurs d'attributs :
- Sélecteur de classe Le sélecteur de classe s'applique typiquement à des éléments redondants dans la page.
Il est spécifié en CSS par un point ( . ) et peut concerner tous les éléments HTML utilisant cette classe ou
seulement l'un d'entre eux.
- Sélecteur d'identifiant Le sélecteur d'identifiant (ID) ne peut être appliqué qu'à un seul élément dans le code
HTML, par exemple un seul paragraphe. Il concerne donc les éléments uniques de structuration du document,
comme les blocs principaux (logo, en-tête, colonne(s), pied de page...).
a. Pour chaque type donner son rôle
Le sélecteur de descendant :
- Le sélecteur de descendant, noté par un ou plusieurs espace(s), permet de désigner les
éléments qui sont des descendants d'un autre élément (ou de plusieurs), c'est-à-dire liés les uns
aux autres par une relation de parenté quelconque. Le dernier élément est inclus directement ou
non dans celui qui le précède et ainsi de suite.