Le Cascading Style Sheets ou feuilles de style en cascade est un langage interprété permettant de
formater le contenu se trouvant dans les pages HTML.
Avec le CSS1) on peut mettre en valeurs l'affichage des pages, formater le texte, mettre des couleurs de fonds, etc …
Le principe des feuilles de style consiste à regrouper dans un même document des caractéristiques de mise en forme associées à des groupes d'éléments. Il suffit de définir par un nom un ensemble de définitions et de caractéristiques de mise en forme, et de l'appeler pour l'appliquer à un texte. Il est ainsi possible de créer un groupe de titres en police Arial, de couleur verte et en italique.
Les feuilles de style ont été mises au point afin de compenser les manques du langage HTML en ce qui concerne la mise en page et la présentation. En effet, le HTML offre un certain nombre de balises permettant de mettre en page et de définir le style d'un texte, toutefois chaque élément possède son propre style, indépendamment des éléments qui l'entourent. Grâce aux feuilles de style, lorsque la charte graphique d'un site composé de plusieurs centaines de pages web doit être changée, il suffit de modifier la définition des feuilles de style en un seul endroit pour changer l'apparence du site tout entier !
Elles sont appellées « feuilles de style en cascade » (en anglais « Cascading Style Sheets ») car il est possible d'en définir plusieurs et que les styles peuvent être hérités en cascade.
Les feuilles de style permettent notamment : d'obtenir une présentation homogène sur tout un site en faisant appel sur toutes les pages à une même définition de style. de permettre le changement de l'aspect d'un site complet entier par la seule modification de quelques lignes. une plus grande lisibilité du HTML, car les styles sont définis à part. des chargements de page plus rapides, pour les mêmes raisons que précédemment. un positionnement plus rigoureux des éléments.
Versions:
Malgré l'existence de recommandations du W3C, les feuilles de style ne sont pas reconnues de la même façon par tous les navigateurs. Le premier navigateur à avoir intégré les feuilles de style est Microsoft Internet Explorer 3.0, puis l'utilisation des feuilles de style s'est généralisée avec les versions 4.0 et supérieures d'Internet Explorer et de Netscape Navigator.
<HTML> body { color: red } body { background-color: green } </HTML>
On écrit le code CSS dans un fichier .css et l'on renseigne ce fichier .css dans la page HTML que l'on veut embellir. Dans ce type lorsque le navigateur va lire le code CSS, le code CSS va dire au navigateur d'interpréter le code .css et dans ce cas ci d'afficher tout le contenu du texte qui se trouve entre les balise body en rouge et mettra le fond d'écran en vert.