Sémantique du CSS : l'inscription dans la page HTML

Bonjour,

Je suis plus ou moins débutant en css maintenant, j'ai à coeur de bien coder et j'aimerai avoir votre avis sur la sémantqiue du css.

Donc, les cours glanés sur internet m'indique qu'il est préférable d'écrire le CSS par ordre de priorité :
- dans un fichier externe css
- dans l'entête style de la page HTML
- dans la propriété de l'objet mais là c'est vraiment crade.

Je comprends tout à fait l'utilité du fichier externe css. Par contre, pour des événements css ponctuels, de mise en page d'une page spécifique, je ne comprends pas du tout l'intérêt de le mettre dans le head.

En effet, un

.bleu
        {
            color:blue;
        }

puis plus loin

<li class="bleu">Texte en bleu</li>

prend nettement plus de caractère que un léger et clair

<li style="color:blue;">Texte en bleu</li>

Mais bon si il y a d'autres raisons à la semantique, je suis tout ouïe
Modifié par Nifux (19 Feb 2009 - 11:48)

En fait, il vaudrait mieux écrire :

.fonction_du_code
        {
            color:blue;
        }

puis

<li class="fonction_du_code">Texte en bleu</li>

L'avantage est alors que le code HTML est purement structurant et non pas présentationel. Dans ce cas, si tu décide que finalement le texte mis en couleur ne doit plus être bleu mais rose (paske le rose c'est à la mode), la mise à jour sera plus simple (prouvé à partir de deux éléments en couleurs ).

De plus, il est difficile de savoir à l'avance si on aura de nouveau besoin d'une classe "ponctuelle" ou non.

Et puis, la solution avec une classe est plus "propre" pour relire le code.
Modifié par Laurie-Anne (19 Feb 2009 - 12:08)