programmes CSS Pour commencer Introduction au CSS

Introduction au CSS

Mise en ligne : il y a 4 mois Mise à jour : il y a 4 mois beginner

Passer le quiz

Qu’est-ce que le CSS ?

Le CSS (Cascading Style Sheets) est le langage qui met en forme les pages web. Le HTML fournit la structure ; le CSS décide de l’apparence — couleurs, polices, espacements et mise en page.

Comment se construit une règle CSS

Une règle cible des éléments avec un sélecteur, puis énumère des déclarations (propriété: valeur) entre accolades.

h1 {
  color: #1685bc;
  font-size: 2rem;
}

Trois façons d’ajouter du CSS

En ligne — un attribut style sur un seul élément (à éviter en vrai projet).
Interne — un bloc <style> dans le <head>.
Externe — un fichier .css séparé, lié avec <link> (recommandé).

<link rel="stylesheet" href="styles.css">

Préférez une feuille de style externe

Un seul fichier .css partagé entre les pages garde un style cohérent et modifiable en un seul endroit.

La cascade et la spécificité

Quand plusieurs règles ciblent le même élément, le CSS choisit la gagnante par spécificité puis par ordre : un id l’emporte sur une classe, une classe sur une balise ; à spécificité égale, la dernière règle gagne.

N’abusez pas de !important

Il court-circuite la cascade normale et rend le débogage difficile. Préférez d’abord un meilleur sélecteur.

Questions fréquentes

Que signifie « cascade » ?

Les styles se cumulent : plusieurs sources (navigateur, externe, interne, en ligne) se combinent, et les règles peuvent se remplacer selon la spécificité et l’ordre.

Le CSS est-il un langage de programmation ?

Non — comme le HTML, il est déclaratif. Le CSS moderne a des variables et des fonctions, mais pas de logique générale.

Où placer mon fichier CSS ?

N’importe où d’accessible par la page ; liez-le dans le <head> avec <link rel="stylesheet">.

Introduction au CSS

Comment se construit une règle CSS

Trois façons d’ajouter du CSS

La cascade et la spécificité

Questions fréquentes

Envie d’aller plus loin ?

Commentaires