« Le langage CSS/Introduction » : différence entre les versions

Contenu supprimé Contenu ajouté
LgD (discussion | contributions)
→‎Qu'est-ce qu'une feuille de style ? : "sont tenus de respecter." -> "respectent progressivement". Plus proche du proiblème pour le lecteur ;)
LgD (discussion | contributions)
→‎Qu'est-ce qu'une feuille de style ? : correction exemple HTML présentatif, qui était en fait du HTML+CSS
Ligne 4 :
Les '''feuilles de styles''' en cascade ('''CSS''', pour ''Cascading Style Sheets'') décrivent l'apparence des divers éléments d'une page web par le biais de couples ''propriété'' / ''valeur''. Étant distinctes du code de la page (Html ou Xml), elles constituent un moyen pour séparer structure et mise en page d'un site web. En tant que spécification du [[w:fr:World Wide Web Consortium|W3C]], elles obéissent à un ensemble de règles précises qui seront décrites dans les chapitres suivants et que les navigateurs web respectent progressivement.
 
Le problème du [[w:fr:HTML|HtmlHTML]] utilisé seulnon seulement pour structurer le document, mais aussi pour déterminer sa présentation dans un navigateur graphique, est qu'il oblige alors à intégrer les déclarationséléments et attributs de styleprésentation au sein du code, qui perds'alourdit ainsi en clarté,inutilement et àdevient multiplierbeaucoup lesplus déclarationsdifficile deà style pourfaire chaque cadre, chaque paragraphe..évoluer. Par exemple, si on veut changer la police (type courier), la couleur (rouge) et l'interlignela taille de caractères (5 fois la taille par défaut) de chaque paragraphe, en purHTML Htmlde présentation, il faudrait écrire ceci dans chaque page web et pour chaque paragraphe :
 
<nowiki></p></nowiki>
<nowiki><p style="font-family: Bitstream Vera Sans; color: #666; line-height: 1.6em;"></nowiki>
<font face="monospace" color="red" size="5"></nowiki>
''texte du paragraphe''
<nowiki></p></nowiki>
<nowiki></font>
</p></nowiki>
 
Les feuilles de styles se proposent de résoudre ces deux problèmes par deux approches différentes :