« Le langage CSS/Structure et syntaxe » : différence entre les versions

où ''fichier.css'' est le nom du fichier contenant les styles à importer. Cette mention doit être spécifiée ''au tout début'' de la feuille de style, avant d'éventuels styles de la feuille (''déclarations''). Elle doit aussi impérativement comporter un point-virgule (;) final. Elle peut également, si ce n'est pas déjà le cas de la feuille parente où elle se trouve, être complétée par la mention des médias cibles de ces importations.

 

 

== Utiliser les styles CSS dans une page web ==

Remarque : le chemin des fichiers CSS spécifiés peut être absolu ou relatif. Dans ce deuxième cas, il est relatif au fichier important la feuille de styles, en l'occurrence le document web. Exemple :

 

 

On peut alors utiliser une des règles équivalentes suivantes :

</div></source>

 

 

==== Ordre des spécificités des règles ====

Il est évident dans l'exemple précédent que les titres du menu ne doivent pas être traités comme les autres titres. Aussi, plus le sélecteur d'élément est en quelque sorte ''précis'' dans sa cible, plus sa priorité est importante. La précision du sélecteur est appelé ''spécificité'' dans le jargon CSS. L'ordre des spécificités est le suivant, de la moins prioritaire à la plus prioritaire :

 

 

 

p {

mais moins que :

 

 

Ainsi lorsque l'on parcourt les différentes spécificités dans l'ordre décroissant, on obtient :

 

 

En corollaire, ceci signifie qu'il vaut toujours mieux '''utiliser le moins possible de sélecteurs''' pour simplifier l'ajout de règles plus spécifiques. Par exemple dans le code html suivant :

</div></source>

 

 

<noinclude>{{Programmation CSS | prec=[[../Premier exemple/]] | suiv=[[../Les sélecteurs/]]}}</noinclude>