CSS

CSS (Cascading Style Sheets ou Feuilles de Style en Cascade en français) est un langage déclaratif utilisé pour contrôler la présentation et l'apparence de pages web. Le CSS suit les règles stylistiques appelée déclarations de style, ces règles CSS sont appliquées aux pages sélectionnées ou à une portion de l'élement afin d'améliorer la page. Au cœur de CSS se trouve la déclaration de style. Elle contient les informations (propriétés et valeurs) qui vont déterminer l'apparence générale d'une page Web.

Le langage CSS est l'une des trois technologies essentielles sur le Web aux côtés de l'HTML et de JavaScript. Il est principalement utilisé pour appliquer un style aux éléments HTML. Il peut aussi être utilisé dans d'autres langages de balisage tels que SVG ou n'importe quel dialecte XML.

D'un point de vue technique, une règle CSS définit de quelle manière un ensemble d'éléments doit être rendu par un navigateur Web. Une règle CSS est un ensemble de propriétés associé à un sélecteur. Voici un court exemple dans lequel chaque paragraphe HTML apparaîtra en jaune sur fond noir :

/* Le sélecteur "p" indique que tous les paragraphes dans le document seront affectés par la règle */
p {
  /* La propriété "color" (couleur) définit la couleur du texte. */
  /* Ici, ce sera la couleur jaune (yellow en anglais) */
  color: yellow;

  /* La propriété "background-color" (couleur d'arrière-plan) définit la couleur d'arrière-plan */
  /* Ici, il sera noir (black) */
  background-color: black;
}

La partie « Cascading » de CSS émane des différentes règles qui définissent de quelle manière les sélecteurs sont gérés du point de vue de la hiérarchie lorsque l'apparence de la page entière est modifiée. C'est une fonctionnalité particulièrement importante dans la mesure où un site web professionnel peut contenir des milliers de règles CSS.

Pour approfondir

Culture générale

Informations techniques

À propos de CSS

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : magikmanu, Jeremie, Goofy, htindon
 Dernière mise à jour par : magikmanu,