Une feuille de style Web (en anglais « Cascading Style Sheet » ou CSS) est un fichier qui définit la présentation de différents éléments d’un document HTML ou XML sur un navigateur Web. Elle permet de définir la mise en forme des éléments de la page, tels que les polices, les couleurs, les marges, les bordures, etc.
Les feuilles de style Web permettent de séparer la mise en forme de la structure du contenu, ce qui rend le processus de création de sites Web plus efficace et plus facile à maintenir. En utilisant des feuilles de style, vous pouvez définir une présentation unique pour tous les éléments de votre site Web en un seul endroit, ce qui vous évite de devoir répéter les mêmes styles dans chaque page de votre site.
Voici un exemple simple de ce qu’une feuille de style Web peut ressembler :
body {
font-family: Arial, sans-serif;
color: #333;
background-color: #fff;
}
h1 {
font-size: 24px;
color: #00b;
}
p {
font-size: 16px;
line-height: 1.5;
margin: 10px 0;
}
Dans cet exemple, nous définissons la police de caractères, la couleur et la couleur de fond du corps de la page, la taille de police et la couleur des titres de niveau 1, et la taille de police, l’espacement des lignes et les marges des paragraphes.