« Le langage CSS/Introduction » : différence entre les versions
Contenu supprimé Contenu ajouté
Déplacement des hyperliens |
|||
Ligne 1 :
{{Sommaire_CSS}}
{{Programmation CSS | prec=[[Programmation CSS|Sommaire]] | suiv=[[../Premier exemple/]]}}▼
== Qu'est-ce qu'une feuille de style ? ==
Ligne 5 :
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.
Si l'on utilise le [[w:fr:HTML|HTML]] pour déterminer la présentation dans un navigateur graphique, au lieu de se limiter à structurer le document, il faut alors intégrer les éléments et attributs de présentation au sein du code. Le code s'alourdit inutilement et devient beaucoup plus difficile à faire évoluer. Par exemple, si on veut changer la police (par exemple
<nowiki><p>
Ligne 15 :
Les feuilles de styles se proposent de résoudre ces deux problèmes par deux approches différentes :
#
#
Cette seconde méthode est la plus courante et la plus adaptée car elle exploite au mieux la faculté de ''généralisation'' des styles. Elle consiste à créer un fichier externe habituellement d'extension <tt>.css</tt> qui contient les règles de styles des pages. Une déclaration dans l'en-tête de chaque page web (par exemple la partie <code>head</code> d'un document HTML) permet ensuite d'appeler ces styles. Le fichier de la page web ne contiendra ainsi que la structure de la page et son style sera appliqué « par dessus » comme une sorte de masque. L'objectif de séparation de la présentation et de la structure est donc atteint.
Ligne 82 :
[...]
▲{{Programmation CSS | prec=[[Programmation CSS|Sommaire]] | suiv=[[../Premier exemple/]]}}
[[Catégorie:Le langage CSS (livre)|Introduction]]
|