Stylez vos pages !

Introduction

Comme nous l'avons largement évoqué en introduction de ce cours, le langage HTML a été conçu pour structurer un document (titre, paragraphe, citations, tableaux, formulaires,...) en qualifiant la nature du contenu et non pour le mettre en page (couleur de fond, alignement, taille et police de caractères, positionnement des éléments,...). Au fil du temps, les créateurs de navigateurs s'étaient dans un premier temps éloignés de ce point de départ en inventant des balises (font, center, u,...) et des attributs (align, border, background, color,...) de formatage qui sont devenus aujourd'hui obsolètes. Néanmoins, avec l'introduction des feuilles de style en cascade CSS dès 1996, le consortium W3C est revenu à sa conception initiale: le HTML structure un document, les feuilles de style le présente.

Dans une conception raisonnée d'un site Web, le style de présentation fait partie des choix stratégiques de la communication ou de l'institution. Or ces choix sont susceptibles d'évoluer rapidement. Il est alors hors de question d'avoir à reprendre l'ensemble des pages Web du site lors d'un changement de style de présentation, car la maintenance deviendrait impossible et son coût rédhibitoire. Pour rationnaliser le développement et la maintenance d'un site, les feuilles de style CSS tendent vers un principe simple: une information ne doit être mémorisée qu'à un seul endroit dans la base d'informations de l'entreprise. Par exemple, la taille des titres h3 peut être définie dans une feuille de style une seule fois pour tout le site et l'ensemble des pages qui le constituent.

Cette section est un guide d'apprentissage aux fondements du langage CSS. Vous y apprendrez les notions élémentaires du CSS vous permettant par la suite de donner du style à vos pages web comme bon vous semble.