Bonsoir,

Débutant avec les feuilles de style CSS, je me pose une question. Entre les 2 codes suivant, lequel vaut-il mieux choisir ? :

1) Directement dans le code HTML de la page :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div style="float:left; width=50%">texte</div>
2) Déclarer une classe dans la feuille de style :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
div
{
     float:left;
     width=50%;
}
Et puis dans le code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<div>texte</div>
Je suppose que le 2e exemple doit être privilégié pour une meilleure maintenance. Cependant, si j'ai 10 <div> différents avec chacun uniquement sa propre taille comme propriété, ça risque d'encombrer assez la feuille de style :

Feuille CSS :

Code : 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
div#menu
{
   width=10px;
}
 
div#menu2
{
   width=20px;
}
 
div#menu3
{
   width=30px;
}
 
...
Feuille HTML :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<div id="menu">texte</div>
<div id="menu2">texte</div>
<div id="menu3">texte</div>
...
Et donc, dans ce cas, je me demande si le premier code ne devrait pas être privilégié ?

Merci d'avance pour vos éclaircissements !