Qu’est ce que : Définition des CSS (feuilles de style)

Le style dans lequel sont présentés les textes et les composants d’une page web, ainsi que l’ensemble de plusieurs pages, peut être marqué de chacun indépendamment, ou dépendre d’un élément externe (un autre fichier dans lequel sont définis les styles) qui peut être réutilisé. Cet élément externe s’appelle une feuille de style CSS.

Une feuille de style CSS (cascading stylesheets) n’est rien d’autre qu’un fichier informatique qui contient des informations permettant de modéliser le style visuel que les pages web adoptent lorsqu’elles sont rendues par le navigateur.

Pour que ce soit le cas, il doit y avoir un appel à la feuille de style CSS à partir du fichier HTML, au moyen d’une instruction.
Grâce à la séparation du contenu et de l’apparence, nous obtenons une abstraction qui nous permet plusieurs angles de liberté.
Le premier est que si l’on veut changer l’esthétique d’un site web complet, il suffit de retoucher les fichiers de feuilles de style CSS, de sorte que s’il y a des appels à ces fichiers dans les pages HTML, le changement esthétique se produira automatiquement. Un autre avantage est que l’auteur des contenus peut se concentrer sur ceux-ci sans avoir à se soucier de leur disposition, puisque celle-ci est donnée par les fichiers CSS.

La feuille de style est construite à partir d’un langage de conception dont la structure est spécifique et standardisée, de sorte que la feuille de style est indépendante de la technologie qui sert la page web et de celle utilisée pour la restituer.

Cela est dû au fait que le web doit être indépendant des appareils, ce qui permet à n’importe quel serveur de servir le même contenu et d’obtenir le même résultat final avec n’importe quel navigateur, même si certains outils sont plus rapides que d’autres et offrent donc de meilleures performances à l’utilisateur.
Le même langage de définition peut également être utilisé dans tout document XML (après tout, le HTML peut être interprété comme un sous-ensemble du XML).

La structure du langage est simple, avec une série de mots-clés réservés qui font référence à des propriétés du style d’une page, et plusieurs règles pour chacune de ces propriétés.

Un exemple simple de feuille de style CSS serait le suivant :

body {h1 {font-family : Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }}

Nous y définissons, simplement, à quoi doit ressembler l’en-tête H1 des documents HTML que nous écrivons et qui sont soumis à cette feuille de style. Pour ce faire, les pages HTML doivent comporter cette phrase dans la section HEAD :

stylesheet.css est le nom du fichier contenant les définitions.
Nous pouvons également inclure les instructions de mise en page pour le style dans le même fichier HTML que nous utilisons pour la page, ce qui nous permet d’économiser un fichier supplémentaire, mais nous perdons alors la possibilité de modifier l’apparence de toutes les pages en ne manipulant qu’un seul fichier, car nous devrions modifier tout le HTML exactement de la même manière.

Le langage dans lequel sont écrites les feuilles de style CSS existait déjà avant son approbation par le W3C, l’entité chargée de réglementer au niveau technique les normes utilisées sur le Web.

Elle a été approuvée au milieu des années 1990 et, depuis, elle est devenue une norme indispensable à utiliser dans les grands sites web.