Les feuilles de style CSS
Les feuilles de style en cascade, CSS sont utilisées pour composer et déterminer l'apparence d'un site. Si le langage HTML est utilisé pour définir la structure et la sémantique du contenu du site, les feuilles de style sont utilisées pour modifier les polices de caractères, la taille et l'espacement du cotenu, les différentes couleurs des éléments.
Il est important de noter que chaque navigateur dispose d'une feuille de styles par défaut pour afficher du contenu selon des règles simples :
- les liens hypertextes sont soulignés affichés en bleu lorsqu'ils n'ont pas été "visités" et d'une autre couleur lorsque que l'utilisateur a cliqué au moins une fois sur le lien,
- les titres sont affichés en gras et dans une taille donnée,
- etc.
Les feuilles de style sont utilisées pour surcharger ces définitions par défaut et donner des indications au navigateur.
Il est également important de noter que les consignes de présentation définies dans les feuilles de style sont des indications transmises aux différents navigateurs (ou dispositifs) qui afficheront le contenu, si un navigateur n'est pas capable d'interpréter une consigne, elle ne sera pas appliquée et la page est affichée sans la consigne. Miriam Suzanne compare les feuilles de style aux commentaires proposés par un auteur lors de l'écriture d'une pièce de théâtre, ils précisent sa perception mais un metteur n'est pas tenu de les appliquer, ou il peut les interpréter à sa manière.
Il existe trois possibilités pour définir les styles :
- Feuille de style externe : la feuille de style est définie dans un fichier qui a pour extension .css et un élément HTML <link> fait référence à ce fichier.
- Feuille de style interne : la feuille de style est définie dans l'en-tête HTML <head> dans un élément <style>.
- Styles en ligne : les styles en ligne sont des déclarations CSS qui ne concernent que l'élément sur lequel il est appliqué, ils sont déclarés grâce à l'attribut style.
Attention ! La définition des styles en ligne rend la maintenance d'un site très délicate pour ne pas dire impossible. La solution feuille de style externe est à privilégier lorsque c'est possible !