Discussion :

[Madmac]

Je suis en train de définir un modèle pour mon site et afin de maximiser l'utilisation de la cache, j'aimerai pouvoir faire en sorte que le visiteur n'est pas à charger un feuille de style différente pour chaque page, bien que chaque page a une image de fond différente.

[MasterOfChakhaL]

Salut,

ce que tu peux faire, par exemple...

Dans chacune de tes pages, tu fais appel au même fichier css...
Tu peux mettre dans le body de tes pages un attribut id qui te permettra de différencier tes pages dans ton css.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
/* des définitions communes à toutes pages*/
div {
  color: red;
  background-color: black;
}
 
#menu {
  font-size: 1.5em;
}
 
/* définitions spécifiques à la page 1 */
#page1 body {
  background: white url('./image/fond1.gif');
}
 
/* définition spécifiques à la page 2 */
#page2 body {
  background: green url('./image/fond2.gif');
}
 
#page2 #menu {
  font-size: 3em;
}

Dans ce simple exemple, tu vois qu'il y'a des définitions pour toutes les pages (div et #menu)
Chaque page définit sa propre image de fond ainsi que la couleur de fond.
La page 2 surcharge une règle commune à toutes les pages (taille du texte à 3em).

[Madmac]

C'est effectivement une très bonne solution (que je vais sans doute adopté ...)

Mais juste d'un point de vue didactique, J'aimerai savoir s'il est possible de redéfinir des caractéristiques de la feuilles de style. Par exemple, à l'intérieur de la page html ?

[MasterOfChakhaL]

oui, c'est possible...

directement dans la définition de ta balise, tu peux renseigner l'attribut style

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a htref="#" style="display: block; padding: 1em;" >Là bas...</a>

La syntaxe est là même et les styles définis ainsi sont prioritaires.
Il vaut mieux essayer de les utiliser le moins possible, car si tu veux faire des modifications, ca sera toujours moins pratique de devoir travailler sur plusieurs fichiers à la fois.
Mais bon, c'est sur que c'est quand même pratique de connaitre ca...

[Madmac]

Et dans le cas d'un lien d'image, la redéfinition est possible ?