Discussion :

[Invité]

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 !

[Erwan31]

Bonsoir,
Et donc, dans ce cas, je me demande si le premier code ne devrait pas être

Bonjour Did...Didier?
Aucune contre indication à utiliser les styles en-ligne si ceux-ci sont uniques
et de s'appliquent pas à un bloc bien identifié (#header, #footer...)
Mais le but des version strict de Html et de xhtml étant de séparer structure/contenu et présentation, ta question est tout à fait justifiée
La seule règle a respecter a mon sens est de bien penser à externaliser les styles qui se répètent, que ce soit dans la page via un élément style dans le head, ou sur plusieurs page via une CSS.

Les style en-ligne ont aussi pour fonction de surclasser une règle de style définie en amont dans la CSS.

PS: attention a la syntaxe c'est width:40px et non width=40px.

[Invité]

Bonjour Did...Didier?
Aucune contre indication à utiliser les styles en-ligne si ceux-ci sont uniques
et de s'appliquent pas à un bloc bien identifié (#header, #footer...)
Mais le but des version strict de Html et de xhtml étant de séparer structure/contenu et présentation, ta question est tout à fait justifiée
La seule règle a respecter a mon sens est de bien penser à externaliser les styles qui se répètent, que ce soit dans la page via un élément style dans le head, ou sur plusieurs page via une CSS.

Les style en-ligne ont aussi pour fonction de surclasser une règle de style définie en amont dans la CSS.

PS: attention a la syntaxe c'est width:40px et non width=40px.

Bonjour Erwan31,

Cela confirme bien ce que je pensais

Un grand merci pour ta réponse très complète !