Summary  
This chapter introduces Cascading Style Sheets (CSS) as a language for separating content structure from visual presentation by using selectors and declaration blocks to define properties like colors, spacing, and fonts.  

General domain of usage  
Web development

HTML définit la structure et le contenu d'une page web.
CSS définit la manière dont ce contenu est présenté.

Alors que HTML organise des éléments tels que les titres, les paragraphes et les images, **CSS contrôle** leur **apparence**, y compris les couleurs, les espacements, les polices, l’alignement et la mise en page.

Ensemble, HTML et CSS constituent la base du développement web moderne.

CSS signifie Cascading Style Sheets (feuilles de style en cascade).
Il s'agit d'un langage de feuille de style utilisé pour décrire la façon dont les éléments HTML doivent être affichés dans un navigateur.

Définition

Avec CSS, il est possible de :
- Modifier les couleurs du texte et de l'arrière-plan ;
- Ajuster l'espacement entre les éléments ;
- Contrôler les polices et la typographie ;
- Créer des mises en page ;
- Ajouter des effets visuels.

CSS ne modifie pas la structure d'un document.
Il contrôle uniquement l'apparence de cette structure.

## Syntaxe de base du CSS
Une règle CSS se compose d'un sélecteur et d'un bloc de déclaration.<br>
Exemple :
```css
p {
  color: purple;
  background-color: green;
}
```
Explication :
- `p` est le sélecteur. Il cible tous les éléments `<p>` ;
- `color: purple;` définit la couleur du texte ;
- `background-color: green;` définit la couleur d'arrière-plan.

Chaque déclaration suit ce format : `property: value;`

Les sélecteurs, propriétés et valeurs seront étudiés en détail dans les prochains chapitres.

Maîtrisez les bases de CSS, le langage de style qui transforme l’apparence des pages web. Explorez les concepts fondamentaux tels que les styles de texte, les couleurs, l’espacement, le modèle de boîte, Flexbox et les effets décoratifs. Développez les compétences nécessaires pour créer des pages web visuellement attrayantes et bien structurées.

Comprendre comment CSS se connecte à HTML et comment les styles sont appliqués via les sélecteurs. Appliquer des couleurs, des styles de texte et des effets au survol pour contrôler la présentation visuelle.

Amélioration de la typographie à l'aide de la hauteur de ligne, de l'espacement, des propriétés de police et des polices personnalisées. Contrôle des familles de polices, du poids, du style et de la taille pour une meilleure lisibilité.

Contrôle de la structure de la mise en page à l'aide des propriétés de marge, de remplissage, de bordure et de largeur. Compréhension du comportement de dimensionnement des boîtes et des types d'affichage des éléments tels que bloc, en ligne et en ligne-bloc.

Contrôle des mises en page horizontales et verticales à l'aide des propriétés Flexbox. Ajustement de la direction, de l'alignement et de l'espacement pour structurer les composants de l'interface utilisateur.

Amélioration des mises en page à l'aide de couleurs d'arrière-plan, d'images, de pseudo-éléments et d'ombres. Mise en forme des composants visuels pour la profondeur et le contraste.

Ce qu'est le CSS et pourquoi il est important

Qu'est-ce que le CSS ?

Syntaxe de base du CSS