Syntaxe CSS

Capítulo 2

Temps de lecture estimé : 2 minutes

+ Exercice
Audio Icon

Écouter en audio

0:00 / 0:00

CSS (Cascading Style Sheets) est un langage de style qui vous permet de créer des styles pour les documents HTML. La syntaxe CSS est relativement simple, mais il est important de comprendre son fonctionnement afin de créer des styles efficaces.

En général, la syntaxe CSS se compose d'un sélecteur, d'une propriété et d'une valeur. Le sélecteur est utilisé pour sélectionner un élément HTML et la propriété définit le style qui sera appliqué à cet élément. La valeur est ce qui définit exactement comment la propriété sera appliquée à l'élément.

Par exemple, pour définir la couleur du texte dans un élément HTML, nous pouvons utiliser la syntaxe suivante :

sélecteur { valeur de la propriété; }

Le sélecteur peut être n'importe quel élément HTML, tel qu'un paragraphe, une liste ou une image. Vous pouvez également utiliser des classes et des identifiants pour sélectionner des éléments spécifiques.

La propriété peut être n'importe quel style que nous voulons appliquer à l'élément, comme la couleur, la taille de la police, la marge, le rembourrage, etc. Il existe de nombreuses propriétés différentes disponibles dans CSS et chacune d'elles a une valeur correspondante qui peut être définie par le développeur.

Continuez dans notre application.
  • Écoutez le fichier audio avec l'écran éteint.
  • Obtenez un certificat à la fin du programme.
  • Plus de 5000 cours à découvrir !
Ou poursuivez votre lecture ci-dessous...
Download App

Téléchargez l'application

Par exemple, pour définir la couleur du texte sur rouge, nous pouvons utiliser la propriété "color" et la valeur "red" :

sélecteur { La couleur rouge; }

Il existe également d'autres syntaxes pouvant être utilisées dans CSS, telles que la syntaxe multi-déclaration. Dans cette syntaxe, plusieurs propriétés peuvent être définies pour un même sélecteur :

sélecteur { propriété1 : valeur1 ; propriété2 : valeur2 ; propriété3 : valeur3 ; }

Vous pouvez également utiliser la syntaxe des valeurs séparées par des virgules pour définir plusieurs valeurs pour la même propriété :

sélecteur { propriété : valeur1, valeur2, valeur3 ; }

Ce ne sont là que quelques-unes des syntaxes pouvant être utilisées en CSS. Il est important de se rappeler qu'une syntaxe correcte est essentielle pour que les styles soient correctement appliqués aux éléments HTML.

Couverture de livre électronique gratuite Terminer le cours CSS
6%

Terminer le cours CSS

Nouveau cours

35 pages

Téléchargez l'application pour obtenir une certification gratuite et écouter des cours en arrière-plan, même avec l'écran éteint.