C'est quoi le CSS ?

CSS (Cascading Style Sheets) contrôle l'apparence d'une page HTML : couleurs, typographie, espacements, bordures, tailles et mise en page.

Le rôle de CSS

L'idée clé :

• HTML structure le contenu
• CSS gère la présentation

Exemple concret : HTML dit "ceci est un titre". CSS décide si ce titre est grand, bleu, centré, avec une marge en dessous.

Pourquoi c'est essentiel

• tu sépares le contenu du design
• tu peux refaire toute l'identité visuelle sans toucher au HTML
• ton code devient plus lisible et maintenable

Cette séparation structure/style est une base du web moderne.

Ce que CSS sait faire

• styliser des éléments (couleur, typo, bordure)
• gérer les espacements et dimensions
• construire des layouts (Flexbox, Grid)
• adapter l'interface au mobile (responsive)
• animer des transitions et des états interactifs

Ce que CSS ne fait pas seul

CSS ne gère pas la logique métier. Pour des actions complexes (ouvrir une modal, valider un formulaire), on utilise JavaScript en complément.

Erreurs fréquentes au début

• mélanger structure et style dans le HTML
• utiliser trop d'ids au lieu de classes
• empiler des règles sans comprendre la cascade

Dans la leçon suivante, on voit comment connecter CSS à HTML proprement.

A retenir

Si tu dois mémoriser une seule chose : HTML donne le sens, CSS donne l'apparence. Cette séparation te permet de faire évoluer le design d'un projet sans casser sa structure. Plus ton site grandit, plus cet avantage devient important.

Mini pratique

Prends une page HTML simple et imagine trois themes différents (sobre, coloré, minimal). Tu peux obtenir ces trois rendus en changeant seulement le CSS.