MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

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 de pages web dans le navigateur. Le navigateur applique les déclarations  CSS aux éléments sélectionnés pour les afficher correctement. Une déclaration de style contient une propriété et sa valeur, et détermine l'apparence d'un ou plusieurs éléments de la page.

CSS est l'une des trois technologies qui constituent le noyau du Web, avec HTML et JavaScript. Il est principalement utilisé pour appliquer un style aux éléments HTML, mais peut aussi servir pour d'autres langages de balisage tels que SVG ou XML.

Une règle CSS est un ensemble de déclarations associé à un sélecteur. Voici un 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 « Cascade » fait référence aux règles de priorité d'application entre différents sélecteurs représentant un même élément de la page. C'est une fonctionnalité particulièrement importante dans la mesure où un site web complexe peut contenir des milliers de règles CSS. Cette hiérarchie est également une nécessité due à la pluralité des feuilles de styles attachées à une page comme : les styles écrits par le concepteur du site, les styles représesentant les préférences de l'utilisateur ou encore les styles par défaut du navigateur.

Pour approfondir

Culture générale

  • CSS sur Wikipédia

Informations techniques

À propos de CSS

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : ysabelm, Porkepix, marie-ototoi, magikmanu, Jeremie, Goofy, htindon
 Dernière mise à jour par : ysabelm,