Langage css
MULTIMÉDIA ET TECHNOLOGIES DU WEB
Les feuilles de styles
1. Contenu et Style
On distingue deux aspects de tout document : contenu et style. Le contenu concerne l information à présenter et le style définit comment l information est présentée. Le rôle principal du HTML est de définir le contenu. C est un langage de description de contenu pour le web. Quant aux feuilles de styles CSS, en anglais Cascading Style Sheets (ou CSS), elles utilisent un langage pour définir le style des pages web. On dit que CSS est un langage de mise en forme. CSS permet ainsi d avoir une séparation claire entre contenu et style. Le langage HTML permet à une page Web de s afficher dans des navigateurs avec une mise en forme par défaut. Ainsi h1 doit être plus grand que h2 et strong doit se distinguer du reste du texte en utilisant une police en gras. Mais cela ne va pas lus loin que cela. CSS quand à lui donne au développeur plus de possibilités pour mieux contrôler la manière dont une page web doit s afficher sur tous les navigateurs. Pour définir un style, on utilise une règle. Celle-ci est composée de deux parties. Un sélecteur qui définit quel élément HTML est contrôlé par la règle et une déclaration qui indique qu elle est l effet demandé : Sélecteur { propriété : valeur ; }
Règle
Déclaration
Exemple : h1 { color: blue; } Cette règle simple exige que tous les éléments h1 dans une page web doivent s afficher en bleu. Dans ce cas le sélecteur est h1 et la déclaration est color : blue. La déclaration est composée de la propriété color qui doit être modifiée et de blue, la nouvelle valeur de cette propriété. Une feuille de style est un ensemble de règles qui permettent de contrôler l affichage d une page web. Et ainsi, la modification de l apparence de la page web se fait en modifiant la feuille de style associée. Il n est donc pas nécessaire de faire les changements à l intérieur de la page web. Un autre avantage des feuilles de style est l accessibilité.