1. Introduction au CSS

Le CSS, ou Cascading Style Sheets, est un langage de feuille de style conçu pour contrôler la présentation des documents HTML. Il offre aux développeurs une flexibilité incroyable pour définir l'apparence et la mise en page des éléments sur une page web. Cela inclut des aspects tels que la couleur, la taille, la position, l'espacement, et bien plus encore. Le CSS est essentiel pour créer des expériences web cohérentes et esthétiquement agréables.

2. Structure de base d'une feuille de style CSS

Chaque règle CSS est composée de deux parties principales : le "sélecteur" et la "déclaration".

• Sélecteur : Il détermine quels éléments HTML seront affectés par la règle.
• Déclaration : Elle spécifie les styles qui seront appliqués à ces éléments. Une déclaration est à son tour composée de propriétés et de valeurs.

Exemple :

p { /* "p" est le sélecteur */
    color: red; /* "color" est la propriété et "red" est la valeur */
}

3**. La spécificité CSS**

La spécificité est un concept essentiel en CSS qui détermine quel style s'applique à un élément en cas de conflit entre plusieurs règles. Elle est basée sur un système de points :

• Sélecteur d'ID : 100 points
• Sélecteur de classe, pseudo-classe ou attribut : 10 points
• Sélecteur d'élément ou pseudo-élément : 1 point

Exemple :

#monID p { color: red; } /* Spécificité : 101 */
.maClasse p { color: blue; } /* Spécificité : 11 */
p { color: green; } /* Spécificité : 1 */

4**. Les sélecteurs CSS**

Les sélecteurs sont essentiels en CSS. Ils déterminent quels éléments du document HTML seront stylisés.