Prérequis

• HTML Ultime

Bienvenue dans le monde du design web

CSS (Feuilles de style en cascade) transforme le HTML brut en pages web attrayantes et conviviales. Il contrôle les couleurs, la mise en page, l'espacement et la présentation générale—donnant ainsi vie à vos conceptions.

Qu'est-ce que le CSS ?

CSS, abréviation de Feuilles de style en cascade, est un langage de style utilisé pour définir la présentation des documents en HTML (HyperText Markup Language). Mais que signifie cela ?

Considérez le HTML comme la fondation d'une maison – il fournit la structure essentielle et la disposition de votre page web. Maintenant, imaginez le CSS comme l'architecte d'intérieur de cette maison. Il est chargé d'ajouter les styles, les couleurs et l'esthétique à la structure, la rendant accueillante et visuellement attrayante.

Regardez cette illustration :

Le côté gauche de l'illustration montre du HTML brut. Le côté droit montre comment le CSS peut transformer le même contenu avec du style et de la couleur.

Comprendre la syntaxe CSS

Le CSS peut d'abord sembler être une langue étrangère, mais il suit une syntaxe simple. Une règle CSS se compose d'un sélecteur et d'un bloc de déclaration. Le sélecteur indique à quels éléments HTML la règle s'applique, tandis que le bloc de déclaration contient une ou plusieurs paires propriété-valeur qui définissent le style.

Décomposons cela avec un exemple :

p {
  color: purple;
  background-color: green;
}

• Le p est le sélecteur, indiquant que cette règle s'applique à tous les éléments <p> ;
• color: purple; spécifie que la couleur du texte doit être violette ;
• background-color: green; spécifie que la couleur de fond doit être verte.

Nous approfondirons les sélecteurs, les propriétés et les valeurs dans les chapitres suivants, mais pour l'instant, retenez que CSS permet de sélectionner des éléments et d'appliquer des styles à l'intérieur des accolades {}.

Et ensuite ?

Les prochains chapitres aborderont les sélecteurs, les propriétés, les valeurs et des techniques de mise en forme pratiques. À la fin, vous serez capable de transformer un HTML basique en des designs clairs et attrayants.