« 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 Courierde type courrier), la couleur (par exemple rouge) et la taille de caractères (par exemple 5 fois la taille par défaut) de chaque paragraphe, en HTML de présentation, il faudrait écrire ceci dans chaque page Web et pour chaque paragraphe :
 
<nowiki><p>
Ligne 15 :
Les feuilles de styles se proposent de résoudre ces deux problèmes par deux approches différentes :
 
# enEn définissant une feuille de style interne au code HTML, on créé un style par page ; ceci est relativement lourd mais parfois intéressant,.
# enEn définissant une feuille de style externe qui peut alors être utilisée depuis n'importe quel document HTML ou XML.
 
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/]]}}
== Voir aussi ==
 
{{Sur Wikipédia|Feuilles de style en cascade}}
 
* [[Programmation HTML]]
 
[[Catégorie:Le langage CSS (livre)|Introduction]]