À retenir
- Sépare le fond (le texte) de la forme (le design).
- Permet de modifier l'apparence de centaines de pages en un seul clic.
- Le langage le plus utilisé pour les créer est le CSS.
Une feuille de style est un document qui contient toutes les instructions de décoration pour un fichier numérique (comme une page web). C'est un peu comme le code vestimentaire d'un site : au lieu de dire à chaque paragraphe d'être en bleu, on écrit une seule règle dans la feuille de style qui s'applique à tous d'un coup.
Étymologie
Traduction du terme anglais style sheet. Le concept provient de l'imprimerie traditionnelle, où les maquettistes utilisaient des fiches d'instructions physiques pour garantir que la police de caractères et les marges restaient identiques sur toutes les pages d'un livre.
Exemples d'usage
- Un fichier
.cssutilisé par un navigateur pour colorer et organiser les blocs d'un site web. - Un fichier
.xslservant à transformer des données brutes XML en un document lisible. - Les feuilles de styles CSS utilisées dans les liseuses pour l'affichage des livres numériques (EPUB).
Cas d'usage
On l'utilise principalement en développement web pour séparer le contenu (le texte, les images) du design (les couleurs, les polices, la disposition). Elle intervient aussi dans la création de documents structurés comme les PDF générés automatiquement ou les rapports techniques.
Bonnes pratiques
Il est recommandé de ne jamais mélanger le style avec le contenu (éviter les styles "en ligne" directement dans le HTML). Utilisez une feuille de style externe pour pouvoir modifier l'apparence de tout un site en ne modifiant qu'un seul fichier. Pensez aussi à utiliser des noms de classes explicites (ex: .bouton-validation au lieu de .b1).
Synonymes
Antonymes
Conseil
Si vous apprenez le développement web, voyez la feuille de style comme l'habillage de votre structure. Commencez par maîtriser les bases du CSS (couleurs, marges, polices) avant de passer à des outils plus complexes comme les préprocesseurs ou les frameworks.
Questions fréquentes
Pourquoi utiliser une feuille de style plutôt que de tout mettre dans le texte ?
Pour gagner du temps et de la cohérence. Si vous voulez changer la couleur de vos 50 titres, vous ne le faites qu'une fois dans la feuille de style au lieu de modifier 50 pages manuellement.
Est-ce qu'un site peut fonctionner sans feuille de style ?
Oui, mais il ressemblera à un simple document texte en noir et blanc, avec des liens bleus soulignés, sans aucune mise en page moderne.