Demande de suggestions concernant la mise en place de tous les .class

Bonjour,

j'aimerais avoir votre avis concernant la mise en place de toutes les classes et les id.

Lorsqu'il y a un <h2> dans un bloc contenu du site, on veut le centrer :
j'ai mis un class :
(dans mon cas c'est la phrase d'accueil, donc de bienvenue)

a écrit :

.bienvenue {
color: #99CC66;
text-align: center;
}

et je l'ai appliqué au <h2> : <h2 class="bienvenue">

Ensuite lorsqu'il y a des <p> que l'on veut centrer :
Au lieu de tout le temps mettre <p class="centre"> .... </p>
et dans le css :

a écrit :

.centre {
text-align: center;
}

on serait tenté de mettre :

a écrit :

p {
text-align: center;
}

Le problème est qu'ensuite tous les <p> de toutes les pages seront centrés.
Alors on peut vouloir mettre :

a écrit :

#contenu p {
text-align: center;
}

Mais l'id contenu concerne l'affichage dans le bloc central des "pages à contenu/articles/...."
Donc si dans une page on veut un <p> normal, il sera tout de même centré.

Que me conseillez-vous dans la mise en page de style.css pour que ce soit pratique pour le reste.

Une petite aide/explication est la bienvenue...

Merci d'avance.

Cordialement,

Christopher.



P.S. C'est surtout dans des pages comme celle-ci :

a écrit :

<h2 class="bienvenue"><span class="first">B</span>ienvenue <em>sur le site du</em></h2>
<h2 class="bienvenue"><span class="first">C</span>lub <span class="first">C</span>arnavalesque <span class="first">C</span>reutzwald &quot;<span class="first">D</span>ie <span class="first">W</span>indbeutel&quot; </h2>
<p class="centre">Le club carnavalesque, comme vous le savez, est une association
à but non lucratif et conçue pour animer la ville lors de manifestations, de
soirées ou de fêtes.</p>
<p class="centre">Dans les différentes pages de ce site, vous pourrez découvrir
l'histoire de la fondation du club, la définition d'un Windbeutel, les membres
de l'association ainsi que le calendrier des festivités, la page de contact,
etc.</p>

En effet, les <p> d'après ne devront peut-être pas être centrés...
Modifié par Mister_ben (18 Apr 2006 - 23:45)

J'ai testé une imbrication dans le css d'une class dans un id.

Je pensais que l'on pouvait que imbriquer des balises dans des class, du style :

a écrit :

.article p,ul,li {
....
....
}

Et là je viens de mettre un <div id="accueil"> à ma page accueil.html
Ce div entoure tout le code à l'intérieur.

Et donc ensuite j'ai tenté dans le css de changer :

a écrit :

.bienvenue {
color: #99CC66;
text-align: center;
}

en

a écrit :

#accueil .bienvenue {
color: #99CC66;
text-align: center;
}

Je suis stupéfait lorsque je vois que cela fontionne.

Ainsi est-ce peut-être une solution à mon problème.
Je vais pouvoir définir des

a écrit :
li p ul

spécifiques à une page de contenu.

J'attends tout de même vos suggestions quant à l'organisation du fichier css...
Merci d'avance.

a mon avis (mais mais je débute) l'idéal c'est quelque chose du genre

.bienvenue
{
les propriètées générales de bienvenue
}

.bienvenue h1
{
les propriétées spécifique au titre de bienvenue
}

.bienvenue p
{
...
}
et dans le html
<div class=bienvenue>
<h1> bienvenue </h1>
<p> blab labaf </p>
</div>

c'est que je pensais faire aussi.
du genre :

définir des class généraux qui pourront revenir tout le temps.
et défini des class spécifiques aux id.

tout le problème est l'optimisation du code css

ah j'en suis pas encore à l'optimisation moi, j'essaie juste de faire du code valide et si possible pas trop compliqué à maintenir. On verra l'optimisation plus tard.
Bonne chance en tout cas