Le langage CSS

Le langage CSS

Un livre de l'étagère Informatique de Wikilivres.

Présentation

Les CSS, Cascading Style Sheets (feuilles de styles en cascade), servent à mettre en forme des documents web, type page HTML ou XML. Par l'intermédiaire de propriétés d'apparence (couleurs, bordures, polices, etc.) et de placement (largeur, hauteur, côte à côte, dessus-dessous, etc.), le rendu d'une page web peut être intégralement modifié sans aucun code supplémentaire dans la page web. Les feuilles de styles ont d'ailleurs pour objectif principal de dissocier le contenu de la page de son apparence visuelle. Ceci permet :

• de ne pas répéter dans chaque page le même code de mise en forme ;
• d'utiliser des styles génériques, avec des noms explicites (par exemple un style encadré pour du texte ou des images) ;
• de pouvoir changer l'apparence d'un site web complet en ne modifiant qu'un seul fichier ; le site peut proposer plusieurs apparences en changeant le fichier (par exemple : thème clair, thème sombre) ;
• de faciliter la lecture du code de la page.

La puissance et de l'intérêt des CSS peut être démontrée en modifiant radicalement l'apparence d'une page, sans changer son code HTML d'un iota... Bref les CSS permettent de gagner en productivité et en maintenabilité des sites web, tout en offrant des possibilités graphiques incontestables. Lorsqu'on se lance dans la conception de pages web, il faut apprendre les CSS !

Ce livre reprend les spécifications du W3C dont les CSS font partie, mais en les rendant intelligibles aux non-initiés et en les agrémentant de conseils, d'exemples, d'astuces... Il nécessite comme pré-requis la connaissance des bases du langage HTML, éventuellement XHTML pour lequel les CSS peuvent devenir absolument nécessaires.

Corpus

1. Introduction
   • Premier exemple
   • Structure et syntaxe
   • Les sélecteurs
   • Valeurs et unités utilisées
2. Mise en forme
   • Texte
   • Fonds, bordures, marges et espacements
   • Listes
   • Tableaux
   • Héritage
3. Mise en page
   • Le positionnement des éléments
   • Le modèle de boîte
   • Transformation géométrique
4. Pour aller plus loin
   • Techniques avancées
   • Navigateurs et débogage
   • CSS 3
   • Bootstrap
5. Annexes
   • Glossaire
   • Mots réservés
   • Notions de design et de colorimétrie
   • Interface HTML

Voir aussi

• (en) « Cascading Style Sheets — home page », sur W3C (consulté le 6 avril 2017).
• « Les feuilles de style en cascade, niveau 2 — Spécification CSS2 », sur Yoyodesign (consulté le 14 février 2014) : spécifications traduites en français.
• (en) « CSS3 Introduction », sur W3schools.com (consulté le 14 février 2014) : spécifications CSS3
• « Tutoriels web », sur Alsacréations (consulté le 14 février 2014)
• (en) « CSS contents and browser compatibility », sur Quirksmode (consulté le 14 février 2014)