28173 sujets

CSS et mise en forme, CSS3

Couleurs différente par page et identique pour tous les div

Bonjour,

je crée actuellement mon site pour lequel je me suis mis au css pour arriver à faire un écran avec une entête et un pied de page fixes. J'y suis enfin arrivé (1 mois, et merci à Alsacréations et Pompage).
J'utilise un fichier externe pour mettre tous les styles.

Je souhaiterais utiliser des couleurs différentes pour plusieurs pages, mais chaque couleur devrait s'appliquer à l'ensemble des div de la page (encore que, après réflexion).

J'ai beau chercher dans les tutoriels, le forum (et d'autres sites), je ne vois nulle part comment codifier tout cela dans le fichier css :
comment dire :
body <page1> {background-color:...;}
... <pour les autres pages>,
ou dois-je le mettre au niveau de chaque page (<body style="...">) ?

J'aurais bien une question (vraiement bête) supplémentaire, dont la réponse est si simple que je ne la trouve nulle part : quelle est la différence, dans la déclaration des styles dans le fichier css, entre ".", "#" et <rien> ?
J'ai lu dans un forum par ex, que "div#ww" permet de spécifier que "ww" concernait un div.

Merci pour votre aide.
Si tu as plusieurs styles de pages (dont certains seront utilisés pour plusieurs pages), tu peux créer des classes à appliquer à tes éléments body.
<body class="rouge">
...
</body>

Et le CSS :
body.rouge {background-color: red;}
body.jaune {background-color: yellow;}
body.mauve {background-color: purple;}
Sujet clos
Aller à